.custom-product-options{margin:2rem 0;text-align:center}.custom-option-group{margin-bottom:2.5rem}.custom-option-title{font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:1.5rem;text-align:center}.custom-option-buttons{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.custom-option-input{position:absolute;opacity:0;pointer-events:none}.custom-option-label{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;border-radius:50%;background:rgb(var(--color-background));border:2px solid rgba(var(--color-foreground),.2);width:80px;height:80px;position:relative;overflow:hidden}.custom-option-label:hover{border-color:rgba(var(--color-foreground),.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-foreground),.1)}.custom-option-input:checked+.custom-option-label{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05);box-shadow:0 0 0 2px rgba(var(--color-foreground),.2)}.custom-option-image{width:100%;height:100%;object-fit:cover;border-radius:50%;margin-bottom:0}.custom-option-text{font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));text-align:center;line-height:1.2;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);white-space:nowrap;background:rgb(var(--color-background));padding:.2rem .5rem;border-radius:4px;box-shadow:0 2px 4px rgba(var(--color-foreground),.1)}.writing-style-options{gap:3rem}.packing-choice-options{gap:1.5rem;flex-wrap:nowrap;justify-content:center;overflow-x:auto;padding:0 1rem;margin:0 auto;width:fit-content;max-width:100%}@media screen and (max-width: 749px){.custom-option-buttons{gap:1rem}.custom-option-label{width:70px;height:70px}.custom-option-image{width:100%;height:100%}.custom-option-text{font-size:1.1rem;bottom:-1.8rem}.packing-choice-options{gap:1rem;flex-wrap:nowrap;justify-content:center;overflow-x:auto;padding:0 .5rem;margin:0 auto;width:fit-content;max-width:100%}.writing-style-options{gap:2rem}}@media screen and (max-width: 480px){.packing-choice-options{gap:.8rem;padding:0 .5rem;margin:0 auto;justify-content:center;width:fit-content;max-width:100%}.custom-option-label{width:60px;height:60px;flex-shrink:0}.custom-option-text{font-size:1rem;bottom:-1.6rem}}.custom-option-price{color:var(--gradient-base-accent-2, #333);font-size:.8rem;margin-top:.2rem;font-weight:500;white-space:nowrap;position:absolute;bottom:-2.2rem;left:50%;transform:translate(-50%);text-align:center;width:max-content}.custom-option-price.has-fee{color:var(--color-base-accent-1, #d72c0d);font-weight:600}.custom-option-price.has-fee:before{content:"+ "}.custom-option-price:empty{display:none}.custom-option-input:checked+.custom-option-label .custom-option-image{animation:pulse .3s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-custom-variants.css.map */