.custom-logo-block{margin:2rem 0;padding:1.5rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:4px}.custom-logo-option-title{font-weight:600;font-size:1.4rem;margin-bottom:1rem;color:rgb(var(--color-foreground))}.custom-logo-option-group{display:flex;gap:1rem;margin-bottom:1.5rem}.custom-logo-option-card{flex:1;padding:1.2rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:4px;cursor:pointer;transition:border-color var(--duration-short) ease,background var(--duration-short) ease;background:rgb(var(--color-background))}.custom-logo-option-card:hover{border-color:rgba(var(--color-foreground),.5)}.custom-logo-option-card.selected{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.custom-logo-option-card h3{font-size:1.4rem;font-weight:600;margin:0 0 .3rem;color:rgb(var(--color-foreground))}.custom-logo-option-card p{font-size:1.2rem;margin:0;color:rgba(var(--color-foreground),.6)}.custom-logo-details{margin-top:1rem}.custom-logo-details[open]{padding-bottom:1rem}.custom-logo-table{width:100%;margin-bottom:1rem}.custom-logo-row{display:flex;align-items:center;gap:1rem;padding:.8rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:4px;margin-bottom:.8rem}.custom-logo-row-header{font-size:1.2rem;font-weight:600;padding:.5rem .8rem;border:none;margin-bottom:.5rem}.custom-logo-upload-area{display:flex;align-items:center;gap:1rem;flex:2}.custom-logo-btn-up{display:inline-flex;align-items:center;padding:.6rem 1.4rem;font-size:1.2rem;font-weight:500;border:1px solid rgb(var(--color-foreground));background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;border-radius:2px;transition:background var(--duration-short) ease,color var(--duration-short) ease}.custom-logo-btn-up:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.custom-logo-file-name{font-size:1.2rem;color:rgba(var(--color-foreground),.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:15rem}.custom-logo-size-area{display:flex;align-items:center;gap:.5rem;flex:3}.custom-logo-size-input{width:6rem;height:3rem;padding:.3rem .6rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:2px;font-size:1.2rem;text-align:center;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.custom-logo-size-input::placeholder{color:rgba(var(--color-foreground),.4)}.custom-logo-btn-del{display:inline-flex;align-items:center;padding:.4rem 1rem;font-size:1.1rem;border:1px solid rgba(var(--color-foreground),.2);background:transparent;color:rgba(var(--color-foreground),.6);cursor:pointer;border-radius:2px;transition:border-color var(--duration-short) ease,color var(--duration-short) ease}.custom-logo-btn-del:hover{border-color:rgba(var(--color-foreground),.6);color:rgb(var(--color-foreground))}.custom-logo-btn-add{display:inline-flex;align-items:center;padding:.6rem 1.4rem;font-size:1.2rem;font-weight:500;border:1px dashed rgba(var(--color-foreground),.3);background:transparent;color:rgba(var(--color-foreground),.7);cursor:pointer;border-radius:2px;margin-bottom:1.5rem;transition:border-color var(--duration-short) ease}.custom-logo-btn-add:hover{border-color:rgba(var(--color-foreground),.6)}.custom-logo-material-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin-bottom:1.5rem}.custom-logo-material-card{display:flex;align-items:center;gap:.8rem;padding:.8rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:4px;cursor:pointer;transition:border-color var(--duration-short) ease}.custom-logo-material-card:hover{border-color:rgba(var(--color-foreground),.4)}.custom-logo-material-card.selected{border-color:rgb(var(--color-foreground))}.custom-logo-material-image{width:4rem;height:4rem;border-radius:50%;overflow:hidden;flex-shrink:0}.custom-logo-material-image img{width:100%;height:100%;object-fit:cover}.custom-logo-material-info{font-size:1.2rem;line-height:1.3}.custom-logo-material-name{font-weight:500}.custom-logo-material-price{color:rgba(var(--color-foreground),.65)}.custom-logo-position-tabs{display:flex;overflow-x:auto;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;scrollbar-width:thin}.custom-logo-position-tab{flex-shrink:0;padding:.6rem 1.4rem;font-size:1.2rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:4px;cursor:pointer;transition:border-color var(--duration-short) ease,background var(--duration-short) ease;background:rgb(var(--color-background));color:rgba(var(--color-foreground),.7)}.custom-logo-position-tab:hover{border-color:rgba(var(--color-foreground),.4)}.custom-logo-position-tab.active{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));font-weight:500}.custom-logo-position-content{display:none}.custom-logo-position-content.active{display:block}.custom-logo-position-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}.custom-logo-position-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.6rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:4px;cursor:pointer;transition:border-color var(--duration-short) ease}.custom-logo-position-item:hover{border-color:rgba(var(--color-foreground),.3)}.custom-logo-position-item input[type=checkbox]{display:none}.custom-logo-position-item input[type=checkbox]:checked+label{border-color:rgb(var(--color-foreground))}.custom-logo-position-item label{display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;width:100%}.custom-logo-position-item img{width:100%;max-height:6rem;object-fit:contain}.custom-logo-position-title{font-size:1.1rem;color:rgba(var(--color-foreground),.7);text-align:center}.custom-logo-checkbox-indicator{width:1.4rem;height:1.4rem;border:1px solid rgba(var(--color-foreground),.3);border-radius:50%;position:relative;flex-shrink:0}.custom-logo-position-item input[type=checkbox]:checked+label .custom-logo-checkbox-indicator:after{content:"";width:60%;height:60%;background:rgb(var(--color-foreground));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-logo-desc{width:100%;min-height:6rem;padding:.8rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:4px;font-size:1.3rem;font-family:inherit;resize:vertical;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.custom-logo-desc::placeholder{color:rgba(var(--color-foreground),.4)}.custom-logo-fees{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;margin-top:1rem;border-top:1px solid rgba(var(--color-foreground),.1);font-size:1.3rem}.custom-logo-fee-item{display:flex;align-items:center;gap:.5rem}.custom-logo-fee-label{color:rgba(var(--color-foreground),.65)}.custom-logo-fee-value{font-weight:600}.custom-logo-discount-table{width:100%;border-collapse:collapse;font-size:1.2rem;margin-top:1rem}.custom-logo-discount-table th,.custom-logo-discount-table td{padding:.6rem .8rem;border:1px solid rgba(var(--color-foreground),.1);text-align:center}.custom-logo-discount-table th{background:rgba(var(--color-foreground),.04);font-weight:600}.custom-logo-discount-table tr.active{background:rgba(var(--color-foreground),.03);font-weight:500}.custom-logo-section{margin-bottom:1.5rem}.custom-logo-shape-select,.custom-logo-size-select{height:3.2rem;padding:.4rem 2rem .4rem .8rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:2px;font-size:1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.custom-logo-moq-msg{font-size:1.2rem;color:rgba(var(--color-foreground),.65);margin:.5rem 0}.custom-logo-flex-between{display:flex;align-items:center;gap:.3rem}.custom-logo-tag-icon{display:inline-flex;vertical-align:middle;margin-right:.3rem}@media screen and (max-width:750px){.custom-logo-option-group{flex-direction:column;gap:.6rem}.custom-logo-row{flex-direction:column;align-items:stretch;gap:.6rem}.custom-logo-upload-area,.custom-logo-size-area{flex-wrap:wrap}.custom-logo-material-group,.custom-logo-position-grid{grid-template-columns:repeat(2,1fr)}.custom-logo-fees{flex-direction:column;gap:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-logo.css.map */