@media screen and (min-width:750px){media-gallery slideshow-slide.product-media-container.constrain-height,media-gallery .media-gallery__grid>.product-media-container.constrain-height{--constrained-height: clamp( 320px, calc(100vh - var(--header-group-height, var(--header-height, 100px)) - 20vh), 620px )}}@media screen and (max-width:749px){media-gallery slideshow-slide.product-media-container.product-media-container,media-gallery .media-gallery__grid>.product-media-container.product-media-container{max-height:min(50svh,85vw)}}.kep-lb{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:#fff;background-color:#0c0c0cc7;overscroll-behavior:contain}.kep-lb[open]{animation:kep-lb-fade .2s ease-out}.kep-lb::backdrop{background:transparent}@keyframes kep-lb-fade{0%{opacity:0}}.kep-lb__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:72px 96px 104px;touch-action:none;user-select:none;-webkit-user-select:none}.kep-lb .kep-lb__img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;transition:transform .25s ease,opacity .2s ease;cursor:zoom-in;-webkit-user-drag:none;will-change:transform}.kep-lb--zoomed .kep-lb__img{cursor:grab}.kep-lb--dragging .kep-lb__img{cursor:grabbing}.kep-lb--loading .kep-lb__img{opacity:.35}.kep-lb__btn{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;color:#111;background:#ffffffeb;box-shadow:0 2px 12px #0000004d;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.kep-lb__btn:hover{background:#fff;transform:scale(1.06)}.kep-lb__btn:focus-visible,.kep-lb__zoombtn:focus-visible,.kep-lb__range:focus-visible{outline:2px solid #fff;outline-offset:3px}.kep-lb__close{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}.kep-lb__nav{top:50%;margin-top:-24px}.kep-lb__nav:hover{transform:scale(1.06)}.kep-lb__nav--prev{left:max(24px,env(safe-area-inset-left))}.kep-lb__nav--next{right:max(24px,env(safe-area-inset-right))}.kep-lb--single .kep-lb__nav,.kep-lb--single .kep-lb__counter{display:none}.kep-lb__counter{position:absolute;z-index:2;top:max(24px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));padding:6px 12px;border-radius:999px;background:#00000073;font-size:14px;font-variant-numeric:tabular-nums;line-height:1.2}.kep-lb__counter:empty{display:none}.kep-lb__zoombar{position:absolute;z-index:2;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:12px;width:min(440px,calc(100% - 32px));padding:10px 16px;border-radius:999px;background:#0000008c;box-shadow:0 2px 16px #0000004d}.kep-lb__zoombtn{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgb(255 255 255 / .55);border-radius:50%;color:#fff;background:transparent;cursor:pointer}.kep-lb__zoombtn:hover{background:#ffffff26}.kep-lb__pct{flex:0 0 44px;font-size:13px;font-variant-numeric:tabular-nums;text-align:right}.kep-lb .kep-lb__range{--kep-range-fill: 0%;flex:1 1 auto;min-width:0;height:4px;margin:0;padding:0;border:0;border-radius:999px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#fff 0,#fff var(--kep-range-fill),rgb(255 255 255 / .3) var(--kep-range-fill),rgb(255 255 255 / .3) 100%);box-shadow:none;cursor:pointer;touch-action:none}.kep-lb .kep-lb__range::-webkit-slider-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 6px #0006;-webkit-appearance:none;appearance:none}.kep-lb .kep-lb__range::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 6px #0006}@media screen and (max-width:749px){.kep-lb__stage{padding:72px 10px 96px}.kep-lb__btn{width:40px;height:40px}.kep-lb__nav{margin-top:-20px;background:#ffffffd9}.kep-lb__nav--prev{left:max(8px,env(safe-area-inset-left))}.kep-lb__nav--next{right:max(8px,env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){.kep-lb[open]{animation:none}.kep-lb .kep-lb__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/kepshyllan-produkt.css.map */
