.kpc-picker{margin-bottom:1.2rem}.kpc-picker__widget{position:relative;display:block}.kpc-picker__native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0;pointer-events:none}.kpc-picker__trigger{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4.8rem;padding:1.2rem 1.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.45);border-radius:var(--inputs-radius, 4px);font-size:1.4rem;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.kpc-picker__trigger:hover{border-color:rgba(var(--color-foreground),.75)}.kpc-picker__trigger:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.3rem}.kpc-picker__trigger[aria-expanded=true]{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.kpc-picker__swatch{display:inline-flex;margin-right:.8rem}.kpc-picker__value{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpc-picker__caret{margin-left:1rem;display:inline-flex;width:1.2rem;flex-shrink:0;transition:transform .15s ease}.kpc-picker__trigger[aria-expanded=true] .kpc-picker__caret{transform:rotate(180deg)}.kpc-picker__caret svg{width:100%;height:auto}.kpc-picker__panel{position:absolute;top:calc(100% + .4rem);left:0;right:0;max-height:36rem;overflow-y:auto;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, 4px);box-shadow:0 8px 24px #0000001f;z-index:30;display:none}.kpc-picker__widget.is-open .kpc-picker__panel{display:block}.kpc-picker__backdrop.kpc-picker__backdrop,.kpc-picker__sheet-head{display:none}.kpc-picker__list{list-style:none;margin:0;padding:.4rem 0}.kpc-picker__item{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.4rem;cursor:pointer;border-bottom:1px solid rgba(var(--color-foreground),.06);font-size:1.4rem;line-height:1.4;transition:background-color .1s ease}.kpc-picker__item:last-child{border-bottom:0}.kpc-picker__item:hover{background:rgba(var(--color-foreground),.05)}.kpc-picker__item.is-selected{background:rgba(var(--color-foreground),.06);font-weight:600}.kpc-picker__item.is-unavailable{color:rgba(var(--color-foreground),.45);cursor:not-allowed}.kpc-picker__item.is-unavailable .kpc-picker__item-name{text-decoration:line-through}@keyframes kpcPickerShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.kpc-picker__item.is-shaking{animation:kpcPickerShake .4s cubic-bezier(.36,.07,.19,.97) both;background:#dc26260f}.kpc-picker__item.is-shaking .kpc-picker__item-unavailable{color:#dc2626;font-weight:600}.kpc-picker__item-thumb{width:4.8rem;height:4.8rem;border-radius:4px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:rgba(var(--color-foreground),.06);flex-shrink:0}.kpc-picker__item-thumb--empty{background-color:rgba(var(--color-foreground),.06);position:relative}.kpc-picker__item-thumb--empty:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(var(--color-foreground),.05) 25%,transparent 25%,transparent 50%,rgba(var(--color-foreground),.05) 50%,rgba(var(--color-foreground),.05) 75%,transparent 75%);background-size:8px 8px;border-radius:inherit;opacity:.6}.kpc-picker__item-body{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.kpc-picker__item-name{font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpc-picker__item.is-selected .kpc-picker__item-name{font-weight:700}.kpc-picker__item-price{font-size:1.3rem;color:rgba(var(--color-foreground),.6);font-weight:500;display:inline-flex;align-items:baseline;gap:.6rem}.kpc-picker__item-price-was{color:rgba(var(--color-foreground),.4);text-decoration:line-through;font-size:1.2rem}.kpc-picker__item-price-now{color:#d32f2f;font-weight:700}.kpc-picker__item-unavailable{color:rgba(var(--color-foreground),.45);font-size:1.2rem;margin-left:.4rem}.kpc-picker__item-check{width:1.8rem;text-align:right;color:rgb(var(--color-foreground));opacity:0;flex-shrink:0}.kpc-picker__item.is-selected .kpc-picker__item-check{opacity:1}@media screen and (max-width:749px){.kpc-picker__panel{position:fixed;top:auto;bottom:0;left:0;right:0;max-height:88vh;border:none;border-top-left-radius:1.6rem;border-top-right-radius:1.6rem;box-shadow:0 -8px 32px #00000040;transform:translateY(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;display:block;pointer-events:none;z-index:50;padding-bottom:env(safe-area-inset-bottom,0)}.kpc-picker__widget.is-open .kpc-picker__panel,.kpc-picker__panel.is-open{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .25s ease,visibility 0s linear 0s}.kpc-picker__backdrop.kpc-picker__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:49}.kpc-picker__widget.is-open .kpc-picker__backdrop,.kpc-picker__backdrop.is-open{opacity:1;pointer-events:auto}.kpc-picker__sheet-head{display:flex;align-items:center;justify-content:space-between;padding:1.8rem 2rem 1.2rem;position:relative}.kpc-picker__sheet-head:before{content:"";position:absolute;top:.6rem;left:50%;transform:translate(-50%);width:4rem;height:.4rem;border-radius:.2rem;background:rgba(var(--color-foreground),.2)}.kpc-picker__sheet-title{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:.05em}.kpc-picker__close{-webkit-appearance:none;appearance:none;background:rgba(var(--color-foreground),.08);border:none;width:3.6rem;height:3.6rem;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.kpc-picker__list{max-height:calc(88vh - 7rem);overflow-y:auto;padding:.4rem 0 1.2rem}.kpc-picker__item{padding:1.4rem 2rem;font-size:1.5rem;gap:1.4rem}.kpc-picker__item-thumb{width:5.6rem;height:5.6rem}.kpc-picker__item-price{font-size:1.4rem}}body.kpc-picker-sheet-open{overflow:hidden}@media screen and (min-width:750px){.product--thumbnail media-gallery{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;align-items:start}.product--thumbnail media-gallery>slider-component:not(.thumbnail-slider){grid-column:2;grid-row:1;min-width:0}.product--thumbnail .thumbnail-slider{grid-column:1;grid-row:1;display:flex;flex-direction:column;position:relative;overflow:hidden;max-height:64rem}.product--thumbnail .thumbnail-slider .thumbnail-list,.product--thumbnail .thumbnail-list.slider--tablet-up{display:flex!important;flex-direction:column;flex-wrap:nowrap;grid-template-columns:none;gap:.6rem;padding:.4rem .4rem 0;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:auto;scroll-snap-type:none}.product--thumbnail .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide,.product--thumbnail .thumbnail-list__item{width:100%;flex:0 0 auto}.product--thumbnail .thumbnail{border-radius:4px;padding:0;cursor:pointer}.product--thumbnail .thumbnail-slider .slider-button{display:flex!important;position:absolute;left:50%;transform:translate(-50%);width:3.2rem;height:3.2rem;padding:0;align-items:center;justify-content:center;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:50%;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease,background-color .15s ease;z-index:5}.product--thumbnail .thumbnail-slider:hover .slider-button:not([disabled]){opacity:1;pointer-events:auto}.product--thumbnail .thumbnail-slider .slider-button:hover{background:#000000bf}.product--thumbnail .thumbnail-slider .slider-button--prev{top:.6rem}.product--thumbnail .thumbnail-slider .slider-button--next{bottom:.6rem}.product--thumbnail .thumbnail-slider .slider-button .svg-wrapper{width:1.2rem;height:1.2rem;display:inline-flex;color:inherit}.product--thumbnail .thumbnail-slider .slider-button .svg-wrapper svg{width:100%;height:auto}.product--thumbnail .thumbnail-slider .slider-button--prev .icon,.product--thumbnail .thumbnail-slider .slider-button--prev:not([disabled]):hover .icon{transform:rotate(180deg)}.product--thumbnail .thumbnail-slider .slider-button--next .icon,.product--thumbnail .thumbnail-slider .slider-button--next:not([disabled]):hover .icon{transform:rotate(0)}.product--thumbnail .thumbnail-slider .slider-button--prev:not([disabled]):hover .icon{transform:rotate(180deg) scale(1.1)}.product--thumbnail .thumbnail-slider .slider-button--next:not([disabled]):hover .icon{transform:rotate(0) scale(1.1)}.product--thumbnail .thumbnail-slider .slider-button[disabled]{opacity:0;pointer-events:none}.product--thumbnail .thumbnail-slider:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.4rem;background:linear-gradient(to bottom,rgba(var(--color-background),0),rgba(var(--color-background),.95));pointer-events:none}}@media screen and (min-width:990px){.product--thumbnail media-gallery{grid-template-columns:11rem minmax(0,1fr);gap:1.6rem}}@media screen and (max-width:749px){.product--mobile-show .product__media-list .product__media-item{max-height:60vh}.product--mobile-show .product__media-list .product__media-item .product__media{height:100%}.product--mobile-show .product__media-list .product__media-item .product__media img,.product--mobile-show .product__media-list .product__media-item .product__media video,.product--mobile-show .product__media-list .product__media-item .product__modal-opener{height:100%;max-height:60vh;width:auto;margin-inline:auto;object-fit:contain}.product--mobile-show .thumbnail-list{gap:.6rem;padding:.8rem 1.5rem 0;scroll-snap-type:x mandatory}.product--mobile-show .thumbnail-list__item{flex:0 0 18%;scroll-snap-align:center}.product--mobile-show .thumbnail{border-radius:6px}}.kpc-variant-grid-wrap{display:block;margin:1.2rem 0}.kpc-variant-grid__header{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:.8rem;font-size:1.2rem}.kpc-variant-grid__label-prefix{color:rgba(var(--color-foreground),.6);letter-spacing:.02em}.kpc-variant-grid__label-chip{display:inline-block;padding:.25rem .8rem;background:#4c1d95;color:#fff;border-radius:.4rem;font-size:1.15rem;font-weight:600;letter-spacing:.02em}.kpc-variant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.kpc-variant-grid__item{display:flex;flex-direction:column;align-items:stretch;padding:0;border:.15rem solid transparent;border-radius:.6rem;background:transparent;cursor:pointer;overflow:hidden;position:relative;transition:border-color .12s ease,transform .12s ease,box-shadow .15s ease;font:inherit;text-align:center}.kpc-variant-grid__item:hover{border-color:#7c3aed;transform:translateY(-1px)}.kpc-variant-grid__item.is-selected{border-color:#7c3aed;box-shadow:0 0 0 .1rem #7c3aed}.kpc-variant-grid__item:focus-visible{outline:.2rem solid #7c3aed;outline-offset:.2rem}.kpc-variant-grid__item.is-sold-out{opacity:.45;cursor:not-allowed}.kpc-variant-grid__item.is-sold-out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent 0 .6rem,rgba(0,0,0,.06) .6rem .8rem);pointer-events:none}.kpc-variant-grid__thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:#f4f4f5}.kpc-variant-grid__thumb--empty{background:linear-gradient(135deg,#f4f4f5,#e4e4e7)}.kpc-variant-grid__name{display:block;padding:.4rem .4rem .6rem;font-size:1rem;font-weight:500;color:rgba(var(--color-foreground),.78);line-height:1.2;letter-spacing:.02em;word-break:break-word}.kpc-variant-grid__item.is-selected .kpc-variant-grid__name{color:#4c1d95;font-weight:600}.kpc-variant-grid__price{display:block;font-size:10.5px;font-weight:800;color:#111;padding:0 .3rem .4rem;line-height:1.1;text-align:center}.kpc-variant-grid__price.is-sold-out{color:#9ca3af;text-decoration:line-through}.kpc-variant-grid__native{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media screen and (max-width:749px){.kpc-variant-grid{grid-template-columns:repeat(4,1fr);gap:.6rem}.kpc-variant-grid__name{font-size:.95rem;padding:.3rem .3rem .5rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/kpc-variant-picker.css.map */