.kp{isolation:isolate;--kp-bg:#f0eee3;--kp-ink:#443820;--kp-s:.8;--kp-gap:176px;--kp-pad:190px;--kp-h:470px;position:relative;overflow:hidden;color:var(--kp-ink);padding-bottom:0!important;background-color:var(--kp-bg);background-image:radial-gradient(circle,transparent 2.3px,#4438201a 2.8px,#4438201a 3.4px,transparent 3.9px);background-size:36px 36px;background-position:18px 120px}.kp-head{position:relative;z-index:2}.kp--plain{--kp-bg:var(--k-cream,#fdfbee);background-color:var(--k-cream,#fdfbee);background-image:none}.kp-stage{position:relative;margin-inline:-4.2vw}.kp-scroller{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;outline-offset:-4px;padding-top:10px}.kp-scroller::-webkit-scrollbar{display:none}.kp-scroller.is-dragging{cursor:grabbing}.kp-scroller.is-dragging .kp-item{pointer-events:none}.kp-track{position:relative;flex:none;margin-inline:auto;height:calc(var(--kp-h) * var(--kp-s) + 64px)}.kp-end{display:block;width:calc(var(--kp-pad) * 2 + (var(--i) - 1) * var(--kp-gap));height:1px}.kp-rod{position:absolute;left:calc(var(--kp-pad) - 120px);right:calc(var(--kp-pad) - 120px);top:calc(12px * var(--kp-s));height:9px;border-radius:5px;background:linear-gradient(#6d716b,#e9ebe4 30%,#fff 45%,#a3a69c 70%,#cfd1c8);box-shadow:0 3px 4px #4438202e;z-index:0}.kp-rod span{position:absolute;top:-9px;width:20px;height:27px;border-radius:3px;background:linear-gradient(90deg,#9c9f96,#f4f5ef 45%,#a9aca2);box-shadow:0 2px 3px #44382033}.kp-rod span:first-child{left:-14px}.kp-rod span:last-child{right:-14px}.kp-rod span:after{content:"";position:absolute;left:7px;top:4px;width:6px;height:6px;border-radius:50%;background:#7f8279;box-shadow:0 13px #7f8279}.kp-item{position:absolute;top:0;left:calc(var(--kp-pad) + var(--i) * var(--kp-gap) - var(--kp-gap) / 2);width:var(--kp-gap);height:calc(var(--kp-h) * var(--kp-s));z-index:1;transform:translate(var(--dx,0px));transition:transform .75s cubic-bezier(.2,.75,.25,1);-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;outline:none}.kp-item.is-active{z-index:5}.kp-item.is-active:before{content:"";position:absolute;inset:0 calc((var(--kp-gap) - 280px * var(--kp-s)) / 2)}.kp-item__body{position:absolute;left:calc(var(--kp-gap) / 2 - 140px);top:0;width:280px;height:var(--kp-h);transform:scale(var(--kp-s));transform-origin:140px 0;pointer-events:none}.kp-item__turn{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:140px 0;transition:transform .6s cubic-bezier(.2,.75,.25,1),filter .6s}.kp-item.is-active .kp-item__turn{transform:rotate(-1.2deg) scale(1.04)}.kp-track.has-active .kp-item:not(.is-active) .kp-item__turn{filter:saturate(.85) brightness(.97)}.kp-hook{position:absolute;width:36px;height:66px;left:122px;top:0}.kp-wood{position:absolute;width:var(--hw,150px);height:55px;left:50%;top:48px;transform:translate(-50%)}.kp-wood--clip{z-index:1}.kp-item__img{position:absolute;max-width:none;width:var(--pw);height:var(--ph);left:var(--px);top:var(--py);object-fit:contain;filter:drop-shadow(3px 12px 8px #1c2b2024);-webkit-user-drag:none}.kp-item__label{position:absolute;left:50%;top:calc(100% + 14px);width:240px;transform:translate(-50%,6px);text-align:center;font-size:12px;line-height:1.5;letter-spacing:.02em;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.kp-item__label>span:first-child{display:block}.kp-item__price{opacity:.7;font-size:11px}.kp-item.is-active .kp-item__label{opacity:1;transform:translate(-50%)}.kp-item:focus-visible .kp-item__body{outline:1px dashed var(--kp-ink);outline-offset:-30px}.kp-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:6px}.kp-round{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid #44382047;border-radius:50%;background:#fdfbee9e;color:var(--kp-ink);font-size:17px;transition:background .2s,color .2s}.kp-round:hover{background:#e8c768}.kp-round:disabled{opacity:.3;cursor:default;background:none}.kp-count{font-size:11px;letter-spacing:.14em;text-transform:uppercase;min-width:200px;text-align:center}.kp-cta{text-align:center;padding:26px 20px 46px;position:relative;z-index:2}.kp-cta .k-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:17px 28px;border-radius:30px!important;font-size:13px;letter-spacing:.08em!important;text-transform:uppercase}.kp-cta .kv-sun-rays{z-index:0}.kp-marquee{overflow:hidden;background:var(--kp-ink);color:#fdfbee;margin-inline:-4.2vw;padding:11px 0}.kp-marquee__run{display:flex;width:max-content;animation:kp-marquee 48s linear infinite}.kp-marquee span,.kp-marquee i{font:italic 500 13px/1.3 var(--heading-font-family);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:0 18px}.kp-marquee i{font-style:normal;opacity:.55;padding:0}@keyframes kp-marquee{to{transform:translate(-50%)}}.kp-dialog{--fs:1.18;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--kp-ink);overflow:hidden;display:none}.kp-dialog[open]{display:grid;grid-template-rows:1fr auto;justify-items:center}.kp-dialog::backdrop{background:#f0eee3c7;backdrop-filter:blur(7px) grayscale(.35);-webkit-backdrop-filter:blur(7px) grayscale(.35)}.kp-dialog[open]::backdrop{animation:kp-fade .45s ease both}.kp-close{position:absolute;top:18px;right:22px;z-index:3;display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:10px 4px}.kp-close span{font-size:15px}.kp-focus{display:flex;align-items:center;justify-content:center;gap:clamp(18px,6vw,110px);align-self:end;padding-top:56px;min-height:0}.kp-focus__figure{position:relative;margin:0;width:calc(280px * var(--fs));height:calc(var(--kp-h,470px) * var(--fs));flex:none}.kp-focus__hang{position:absolute;left:0;top:0;width:280px;height:470px;transform:scale(var(--fs));transform-origin:0 0}.kp-focus__hang .kp-item__img{filter:drop-shadow(4px 16px 12px #1c2b2030)}.kp-focus__meta{display:grid;justify-items:center;gap:8px;text-align:center;padding:4px 20px 30px;opacity:0;transform:translateY(8px);transition:opacity .4s .15s,transform .4s .15s}.kp-dialog.is-shown .kp-focus__meta{opacity:1;transform:none}.kp-focus__count{font-size:11px;letter-spacing:.16em;opacity:.65}.kp-focus__title{font:italic 400 clamp(24px,2.4vw,34px)/1.15 Georgia,serif;letter-spacing:-.02em;text-transform:none;margin:0}.kp-focus__price{font-size:14px}.kp-focus__price s{opacity:.55;margin-left:8px}.kp-sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:4px 0;padding:0}.kp-sizes:empty{display:none}.kp-sizes li{min-width:34px;padding:5px 9px;border:1px solid #44382035;border-radius:20px;font-size:11px}.kp-sizes li.is-out{opacity:.4;text-decoration:line-through}.kp-pill{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:11px 24px;border:1px solid var(--kp-ink);border-radius:30px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,color .2s}.kp-pill:hover{background:var(--kp-ink);color:#fdfbee}.kp-focus__figure.is-leaving{animation:kp-leave .22s ease-in both}.kp-focus__figure.is-entering{animation:kp-enter .45s cubic-bezier(.2,.75,.25,1) both}@keyframes kp-fade{0%{opacity:0}}@keyframes kp-leave{to{opacity:0;transform:translate(calc(var(--dir,1) * -40px))}}@keyframes kp-enter{0%{opacity:0;transform:translate(calc(var(--dir,1) * 40px))}}html.kp-locked{overflow:hidden}@media(max-width:749px){.kp{--kp-s:.6;--kp-gap:150px;--kp-pad:50vw;background-size:28px 28px}.kp-stage{margin-inline:-6%}.kp-scroller{scroll-snap-type:x proximity;cursor:auto}.kp-item{scroll-snap-align:center}.kp-marquee{margin-inline:-6%}.kp-cta .k-button{font-size:11px;padding:15px 20px;gap:10px}.kp-nav{gap:16px}.kp-count{min-width:0;font-size:10px}.kp-dialog{--fs:.82}.kp-focus{gap:6px;padding-top:58px}.kp-focus .kp-round{width:40px;height:40px;position:relative;z-index:2}.kp-focus__meta{padding-bottom:max(22px,env(safe-area-inset-bottom))}.kp-close{top:12px;right:14px}}@media(max-width:749px)and (max-height:700px){.kp-dialog{--fs:.68}}@media(min-width:750px)and (max-height:800px){.kp-dialog{--fs:1}}@media(prefers-reduced-motion:reduce){.kp-marquee__run{animation:none}.kp-item,.kp-item__turn{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/kerners-portant.css.map */