.gift-wrap-panel{position:fixed;top:0;right:0;width:100%;max-width:450px;height:100vh;background:#fff;z-index:9999;transition:transform .3s ease;box-shadow:-2px 0 12px #0000001a;display:flex;flex-direction:column;transform:translate(100%)}.panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s}.panel-backdrop.active{visibility:visible;opacity:1}.gift-wrap-panel.active{transform:translate(0)}.gift-wrap-panel-header{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f9f9f9}.gift-wrap-panel-content{flex:1;overflow-y:auto;padding:1.5rem}.gift-option-item{padding:1rem;border:1px solid #eee;margin-bottom:1rem;border-radius:8px;transition:all .2s ease}.gift-option-item:hover{border-color:#000}.gift-option-checkbox input[type=checkbox]{--form-checked-color: rgba(var(--color-foreground), 1);cursor:pointer;display:grid;place-content:center;-webkit-appearance:none;appearance:none;background-color:#fff;box-shadow:inset 0 1px 3px #0003;margin:0;font:inherit;color:currentColor;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;transform:translateY(-.075em);position:relative;opacity:1}.gift-option-checkbox input[type=checkbox]:before{content:"";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:transform .1s ease-in-out;background-color:var(--form-checked-color)}.gift-option-checkbox input[type=checkbox]:checked:before{transform:scale(1)}.gift-option-item:has(.gift-option-checkbox input[type=checkbox]:checked){outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.gift-option-checkbox input[type=checkbox]:checked+.gift-option-details{border-color:transparent;background:transparent}.gift-option-content-added{background:#f8f8f8;outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.gift-option-details{display:flex;gap:1rem;width:100%}.gift-option-media{flex-shrink:0}.gift-option-media img{width:80px;height:80px;object-fit:cover;border-radius:4px}.gift-option-info{flex:1}.gift-option-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.gift-option-price{font-weight:700;color:#2e2e2e}.gift-option-description{color:#666;font-size:.9em;line-height:1.4}.gift-options-actions{padding:1.5rem;border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;background:#f9f9f9}.gift-option-button{background:none;border:1px solid rgba(0,0,0,.1);border-radius:24px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;cursor:pointer;background-color:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:relative;overflow:hidden;padding:.8rem 1.5rem .8rem 2.5rem}.giftbutton-checkbox{content:"";position:absolute;right:1rem;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;background:#fff;transition:all .2s ease}.gift-option-content input[type=checkbox]{--form-checked-color: rgba(var(--color-foreground), 1);cursor:pointer;display:grid;place-content:center;-webkit-appearance:none;appearance:none;background-color:#fff;box-shadow:inset 0 1px 3px #0003;margin:0;font:inherit;color:currentColor;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;transform:translateY(-.075em);right:1rem;opacity:1}.gift-option-content input[type=checkbox]:before{content:"";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:transform .1s ease-in-out;background-color:var(--form-checked-color)}.gift-option-content input[type=checkbox]:checked:before{transform:scale(1)}.giftbutton-checkbox:before{content:"";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:transform .1s ease-in-out;background-color:var(--form-checked-color)}.gift-option-button.active:before{background-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 3px #000}.gift-option-button:hover{border-color:#0000004d;box-shadow:0 2px 8px #0000000d}.gift-option-content{font-size:1.2rem;display:flex;align-items:center;gap:.75rem;color:var(--color-base-text)}.gift-option-content span{font-weight:450;letter-spacing:1.5px}.button-group{display:flex;align-items:center;gap:.5rem;transition:transform .3s ease}.button-group svg{width:18px;height:18px;stroke:currentColor;transition:stroke .3s ease}.plus-icon{font-size:.9em;font-weight:400;opacity:.7}.gift-option-button.active{border-color:var(--color-base-accent-2);background-color:rgba(var(--color-base-accent-2),.05);padding-left:2.5rem}.gift-option-button.active .button-group{color:var(--color-base-accent-2)}.gift-option-button.active .plus-icon{content:"-";opacity:1}@keyframes checkBounce{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.gift-option-button.added .button-group{animation:checkBounce .4s ease}@media(max-width:480px){.gift-wrap-panel{width:100%;max-width:100%;bottom:0;height:90vh;top:auto;border-radius:12px 12px 0 0}.gift-wrap-panel-content{padding-bottom:80px}.gift-options-actions{position:sticky;bottom:0;background:#fff;box-shadow:0 -2px 8px #0000000d}}.gift-wrap-panel-content::-webkit-scrollbar{width:6px}.gift-wrap-panel-content::-webkit-scrollbar-track{background:#f1f1f1}.gift-wrap-panel-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.gift-wrap-panel-content::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=/cdn/shop/t/62/assets/component-extra.css.map */