bundle-drawer{display:block;width:100%}.bundle-drawer__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-header, 100) + 10);display:flex;justify-content:flex-end;pointer-events:none;visibility:hidden}.bundle-drawer__dialog.is-visible{visibility:visible}.bundle-drawer__dialog:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .3s ease;pointer-events:none}.bundle-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bundle-drawer__dialog.is-visible{pointer-events:auto}.bundle-drawer__dialog.is-visible:before{opacity:1;pointer-events:auto}.bundle-drawer__dialog.is-visible .bundle-drawer__overlay{pointer-events:auto}.bundle-drawer__panel{position:relative;display:flex;flex-direction:column;flex:0 0 auto;width:36rem;max-width:100vw;height:100%;background:rgb(var(--color-background, 255, 255, 255));box-shadow:-4px 0 24px #00000026;transform:translate(100%);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(.25,.46,.45,.94),opacity .35s cubic-bezier(.25,.46,.45,.94),visibility .35s cubic-bezier(.25,.46,.45,.94);pointer-events:auto;outline:none;z-index:1}@media(max-width:749px){.bundle-drawer__panel{width:100vw}}@media(min-width:990px){.bundle-drawer__panel{width:60rem}}.bundle-drawer__dialog.is-visible .bundle-drawer__panel{transform:translate(0);opacity:1;visibility:visible}.bundle-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.75rem 3rem;border-bottom:1px solid rgba(var(--color-border, 0, 0, 0),1)}.bundle-drawer__title{margin:0;font-weight:600;flex:1;font-size:3rem;color:#404040}.bundle-drawer__close{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:.5rem;margin:-.5rem;cursor:pointer;line-height:0;color:rgb(var(--color-foreground, 0, 0, 0));opacity:1;transition:opacity .15s ease}.bundle-drawer__close:hover{opacity:.7}.bundle-drawer__close svg{width:1.75rem;height:1.75rem;stroke-width:2}.bundle-drawer__close svg path,.bundle-drawer__close svg line{stroke:currentColor;stroke-width:2}.bundle-drawer__body{flex:1;overflow-y:auto;padding:1.5rem 0;display:flex;flex-direction:column;gap:2rem}.bundle-drawer__option{border-bottom:1px solid rgba(var(--color-border, 0, 0, 0),1);padding:1.25rem 3rem;margin:0;border-radius:4px;background:rgb(var(--color-background, 255, 255, 255))}.bundle-drawer__option[open]{padding-bottom:1.5rem}.bundle-drawer__option-legend{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:0;margin:0;width:100%;font-weight:var(--font-weight-semibold, 600);cursor:pointer;list-style:none}.bundle-drawer__option-legend::-webkit-details-marker{display:none}.bundle-drawer__option[open] .bundle-drawer__option-legend{margin:0 0 1.5rem}.bundle-drawer__option-name{flex:1}.bundle-drawer__option-selected{font-weight:400;padding:.4rem .9rem;border:1px solid rgba(var(--color-foreground, 0, 0, 0),.9);border-radius:2px;font-size:1.125rem;line-height:1;white-space:nowrap}.bundle-drawer__option[open] .bundle-drawer__option-selected{display:none}.bundle-drawer__option-name{font-size:1.75rem;font-weight:500}.bundle-drawer__option-toggle{position:relative;width:1.5rem;height:1.5rem;flex-shrink:0}.bundle-drawer__option-toggle:before,.bundle-drawer__option-toggle:after{content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:2px;background:currentColor;transform:translate(-50%,-50%)}.bundle-drawer__option-toggle:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}.bundle-drawer__option[open] .bundle-drawer__option-toggle:after{transform:translate(-50%,-50%) rotate(0)}.bundle-drawer__option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.bundle-drawer__option--text .bundle-drawer__option-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.bundle-drawer__option-value{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:.625rem;border:1px solid rgba(var(--color-border, 0, 0, 0),.8);cursor:pointer;transition:border-color .15s ease,background .15s ease;text-align:center}.bundle-drawer__option-value:hover{border-color:rgb(var(--color-foreground, 0, 0, 0))}.bundle-drawer__option-value:has(input:checked){border-color:rgb(var(--color-foreground, 0, 0, 0));background:color-mix(in srgb,rgb(var(--color-foreground, 0, 0, 0)) 6%,transparent)}.bundle-drawer__option-value.is-unavailable{opacity:.45;cursor:not-allowed}.bundle-drawer__option-value.is-unavailable .bundle-drawer__option-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1px),currentColor,transparent calc(50% + 1px));opacity:.4}.bundle-drawer__option-thumb{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-background-subtle, #f4f4f4)}.bundle-drawer__option-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bundle-drawer__option-label{font-weight:500;line-height:1.3}.bundle-drawer__option-value--text{justify-content:center;min-height:4.5rem;padding:1rem 1.25rem}.bundle-drawer__option-value--text .bundle-drawer__option-label{font-size:1.25rem}.bundle-drawer__bonus{padding:1.75rem 3rem;background-color:#f9f9f9;border:1px solid rgba(var(--color-border, 0, 0, 0),.12);border-radius:4px}.bundle-drawer__bonus>p:nth-child(2){padding:0 0 1rem;margin:0}.bundle-drawer__bonus-heading{margin:0;font-weight:600;font-size:1.75rem;line-height:1.2}.bundle-drawer__bonus-list{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0}.bundle-drawer__bonus-item{display:flex;align-items:center;gap:1.25rem;padding:1rem;background:rgb(var(--color-background, 255, 255, 255));border:1px solid rgba(var(--color-border, 0, 0, 0),.1);border-radius:4px}.bundle-drawer__bonus-item.is-unavailable{opacity:.5}.bundle-drawer__bonus-media{width:84px;height:84px;flex-shrink:0;overflow:hidden;background:rgba(var(--color-border, 0, 0, 0),.04)}.bundle-drawer__bonus-media img{width:100%;height:100%;object-fit:cover;display:block}.bundle-drawer__bonus-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.bundle-drawer__bonus-title{margin:0;font-weight:var(--font-weight-semibold, 600);font-size:1.125rem;line-height:1.3}.bundle-drawer__bonus-meta{margin:0}.bundle-drawer__bonus-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:rgb(var(--color-foreground, 0, 0, 0));color:rgb(var(--color-background, 255, 255, 255));border-radius:999px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.06em}.bundle-drawer__bonus-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.bundle-drawer__bonus-badge.is-unavailable{background:rgba(var(--color-border, 0, 0, 0),.25);color:rgb(var(--color-foreground, 0, 0, 0))}.bundle-drawer__checkout{display:flex;flex-direction:column;gap:.875rem;padding:.5rem 3rem 0}.bundle-drawer__stock{display:flex;align-items:center;gap:.625rem;font-size:1.2rem;padding:1rem 0;width:fit-content;margin:0 auto}.bundle-drawer__stock-dot{position:relative;width:10px;height:10px;border-radius:50%;background:#1ea35a;flex-shrink:0}.bundle-drawer__stock-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;animation:bundle-drawer-pulse 2.4s ease-out infinite}@keyframes bundle-drawer-pulse{0%{transform:scale(1);opacity:.35}to{transform:scale(1.7);opacity:0}}.bundle-drawer__stock.is-unavailable .bundle-drawer__stock-dot:before{animation:none}.bundle-drawer__stock.is-unavailable .bundle-drawer__stock-dot{background:#c0392b}.bundle-drawer__stock-label{line-height:1}.bundle-drawer__price{margin:0 0 .5rem;font-weight:500;font-size:1.8rem;display:flex;align-items:baseline;justify-content:space-between;gap:.625rem}.bundle-drawer__price-label{font-weight:var(--font-weight-semibold, 600)}.bundle-drawer__price-amount{display:inline-flex;align-items:baseline;gap:.625rem;text-align:right}.bundle-drawer__price-compare{font-weight:400;font-size:.75em;opacity:.6}.bundle-drawer__price-compare[hidden]{display:none}.bundle-drawer__submit{width:100%;font-size:1rem}.bundle-drawer__panel .product-form__submit,.product__variant-picker .product-form__submit{font-size:1.2rem}.bundle-drawer__submit.is-loading{opacity:.7;pointer-events:none}.bundle-drawer__error{margin:0;color:var(--color-error, #c0392b)}
/*# sourceMappingURL=/cdn/shop/t/161/assets/component-bundle-drawer.css.map */