.custom-product-options{margin:2rem 0;text-align:center}.custom-option-group{margin-bottom:2.5rem}.custom-option-title{font-size:15px;font-weight:400;color:#000;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}.writing-style-group{text-align:right}.writing-style-group .custom-option-title{text-align:right;padding-right:1.6rem}.writing-style-options{direction:rtl;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;width:fit-content;max-width:100%;box-sizing:border-box;margin:0 0 0 auto;padding:.2rem 1.6rem 0 0;gap:1.75rem}.writing-style-options .custom-option-label{border-radius:1rem;flex-shrink:0}.writing-style-options .custom-option-label:hover{transform:none}.writing-style-options .custom-option-image{border-radius:1rem;object-fit:contain;background:rgb(var(--color-background))}.writing-style-options .custom-option-input:checked+.custom-option-label{border-color:#1f8b2ceb;box-shadow:inset 0 0 0 2px #1f8b2c9e}.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%}.packing-choice-options .custom-option-input:checked+.custom-option-label{border-color:#1f8b2ceb;box-shadow:inset 0 0 0 2px #1f8b2c9e}@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{padding:.2rem 1.2rem 0 0;gap:1.4rem}}@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/33/assets/component-custom-variants.css.map */