.dkzlb{display:block;color:rgb(var(--port-fg, 0 0 0));font-family:var(--port-body-font, inherit);padding-block-start:var(--dkzlb-pt, 60px);padding-block-end:var(--dkzlb-pb, 60px);--dkzlb-radius: 8px}.dkzlb--separator{border-top:1px solid rgb(var(--port-fg, 0 0 0) / .12)}.dkzlb-container{max-width:1500px;margin-inline:auto;padding-inline:15px}.dkzlb img{max-width:100%}.dkzlb button{font-family:inherit}.dkzlb-title{text-align:left}.dkzlb-title-top .dkzlb-title{margin-block-end:24px}.dkzlb-tagline{margin:0 0 8px}.dkzlb-text--base{font-size:14px}.dkzlb-text--lg{font-size:16px}.dkzlb-text--xl{font-size:18px}.dkzlb-text--2xl{font-size:20px}.dkzlb-heading{margin:0;font-family:var(--port-heading-font, inherit);font-weight:var(--port-heading-weight, 400);line-height:1.15}.dkzlb-heading--h0{font-size:55px}.dkzlb-heading--h1{font-size:40px}.dkzlb-heading--h2{font-size:32px}.dkzlb-heading--h3{font-size:30px}.dkzlb-heading--h4{font-size:28px}.dkzlb-heading--h5{font-size:20px}.dkzlb-heading--h6{font-size:16px}.dkzlb-title-side{display:none}.dkzlb-grid{display:grid;grid-template-columns:94px minmax(0,1fr);grid-template-rows:auto;row-gap:35px;overflow:hidden}.dkzlb-grid>*{min-width:0}.dkzlb-grid--single{grid-template-columns:0px minmax(0,1fr)}@media(max-width:575.98px){.dkzlb-grid{grid-template-columns:74px minmax(0,1fr)}.dkzlb-grid--single{grid-template-columns:0px minmax(0,1fr)}}.dkzlb-tabs{grid-column:1;padding-inline-end:14px;z-index:5;display:flex;flex-direction:column;align-self:center;min-width:0}.dkzlb-grid--single .dkzlb-tabs{display:none}.dkzlb-tab{display:grid;width:100%;padding:0;border:0;background:none;cursor:pointer;position:relative;color:inherit;-webkit-tap-highlight-color:transparent}.dkzlb-tab:not(:last-child){margin-block-end:12px}.dkzlb-tab:focus-visible{outline:2px solid rgb(var(--port-fg, 0 0 0));outline-offset:-1px}.dkzlb-thumb{grid-area:1 / 1;position:relative;display:block;width:100%;aspect-ratio:1;clip-path:inset(13px round 50%);transition:clip-path .3s;background:rgb(var(--port-fg) / .06)}.dkzlb-thumb picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.dkzlb-thumb img,.dkzlb-thumb .dkzlb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.dkzlb-tab[aria-current=true] .dkzlb-thumb{clip-path:inset(7px round 50%)}.dkzlb-progress{grid-area:1 / 1;display:block;transition:opacity .3s}.dkzlb-tab[aria-current=false] .dkzlb-progress{opacity:0}.dkzlb-progress-svg{width:100%;height:auto;display:block}.dkzlb-circle,.dkzlb-circle-progress{fill:none;stroke:rgb(var(--port-fg, 0 0 0) / .15);stroke-width:2px;transition:stroke .3s ease}.dkzlb-circle-progress{stroke-dasharray:1.02;stroke-dashoffset:1;stroke:rgb(var(--port-fg, 0 0 0));transform:rotate(-90deg);transform-origin:50% 50%}.dkzlb:not([data-autoplay]) .dkzlb-circle-progress{transition:stroke-dashoffset .4s cubic-bezier(.7,0,.3,1)}.dkzlb:not([data-autoplay]) .dkzlb-tab[aria-current=true] .dkzlb-circle-progress{stroke-dashoffset:0}.dkzlb[data-autoplay] .dkzlb-tab[aria-current=true] .dkzlb-circle-progress{animation:dkzlbProgress var(--dkzlb-remaining, 5s) linear var(--dkzlb-play, running) both}@keyframes dkzlbProgress{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.dkzlb-media-holder{grid-column:2;align-self:center;display:grid;min-width:0}.dkzlb-media{grid-area:1 / 1;position:relative;aspect-ratio:var(--dkzlb-ar, .8);border-radius:var(--dkzlb-radius);min-width:0}.dkzlb-media[hidden]{display:block;visibility:hidden;opacity:0;pointer-events:none}.dkzlb-image{height:100%;clip-path:inset(0 0 0 0 round var(--dkzlb-radius));background:rgb(var(--port-fg) / .05)}.dkzlb-image picture{display:block;height:100%}.dkzlb-image img,.dkzlb-image .dkzlb-placeholder{width:100%;height:100%;object-fit:cover;display:block}.dkzlb-pin{position:absolute;width:27px;height:27px;display:flex;align-items:center;justify-content:center;--dkzlb-inset: 5px;--dkzlb-offset: 5.5px;inset-inline-start:min(var(--x-mb, 50%),calc(100% - 27px + var(--dkzlb-inset)));inset-block-start:min(var(--y-mb, 50%),calc(100% - 27px + var(--dkzlb-inset)))}.dkzlb-pin:has(.dkzlb-pin-btn[aria-current=true]){--dkzlb-inset: 0px;--dkzlb-offset: 8px}.dkzlb-pin-btn{width:calc(27px - 2 * var(--dkzlb-inset));height:calc(27px - 2 * var(--dkzlb-inset));border-radius:9999px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.dkzlb-pin-btn:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:9999px}.dkzlb-pin-dot{width:100%;height:100%;border-radius:9999px;background:var(--dkzlb-pin-secondary, #fff);display:block;z-index:2;padding:var(--dkzlb-offset);animation:dkzlbPulse 2s ease-in-out infinite;box-sizing:border-box}.dkzlb-pin-dot:before{content:"";display:block;width:100%;height:100%;border-radius:9999px;background:var(--dkzlb-pin-primary, #000)}.dkzlb-pin-ring{position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;background-color:color-mix(in srgb,var(--dkzlb-pin-secondary, #fff),transparent 60%);border-radius:9999px;z-index:1;animation:dkzlbSonar 2s ease infinite}@keyframes dkzlbSonar{0%{opacity:0;transform:scale(.2)}50%{opacity:.8}to{opacity:0;transform:scale(1)}}@keyframes dkzlbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.dkzlb-popover{border:0;border-radius:12px;padding:30px 16px 16px;width:min(92vw,360px);background:rgb(var(--port-bg, 255 255 255));color:rgb(var(--port-fg, 0 0 0));box-shadow:0 10px 40px #0003;margin:auto}.dkzlb-popover::backdrop{background:#0006}.dkzlb-popover-close{position:absolute;inset-inline-end:2px;inset-block-start:2px;padding:12px;background:none;border:0;cursor:pointer;line-height:0;color:inherit}.dkzlb-popover-card{display:flex;gap:16px;align-items:flex-start}.dkzlb-popover-media{flex:0 0 90px;max-width:90px;border-radius:8px;overflow:hidden;display:block}.dkzlb-popover-media img,.dkzlb-popover-media .dkzlb-placeholder{width:100%;height:auto;display:block}.dkzlb-popover-info{min-width:0}.dkzlb-popover-title{font-size:15px;font-weight:500;color:inherit;text-decoration:none;display:block;margin-block-end:6px;line-height:1.35}.dkzlb-popover-title:hover{text-decoration:underline}.dkzlb-popover-price{font-size:15px;font-weight:600}.dkzlb-price-compare{opacity:.6;font-weight:400;font-size:13px;margin-inline-start:6px}.dkzlb-panel{display:none}.dkzlb-contents{display:grid;min-width:0}.dkzlb-content{grid-area:1 / 1;min-width:0}.dkzlb-content[hidden]{display:block;opacity:0;visibility:hidden;pointer-events:none}.dkzlb-content-text{margin-block-end:20px}.dkzlb-content-heading{margin:0 0 8px;font-family:var(--port-heading-font, inherit);font-weight:var(--port-heading-weight, 400);font-size:24px;line-height:1.2}.dkzlb-content-body{font-size:14px;line-height:1.6}.dkzlb-content-body p{margin:0 0 8px}.dkzlb-content-body p:last-child{margin-block-end:0}.dkzlb-content-link{display:inline-block;margin-block-start:8px;color:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.dkzlb-slider{display:grid;grid-template-columns:minmax(0,1fr)}.dkzlb-slider--multi{grid-template-columns:minmax(0,1fr) auto}.dkzlb-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px}.dkzlb-slides::-webkit-scrollbar{display:none}.dkzlb-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.dkzlb-slider-nav{--dkzlb-ctrl-rgb: var(--dkzlb-nav-fg-rgb, var(--port-fg, 0 0 0));display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px;border:1px solid rgb(var(--dkzlb-ctrl-rgb) / .08);border-radius:9999px;background:var(--dkzlb-nav-bg, rgb(var(--port-bg, 255 255 255)));color:rgb(var(--dkzlb-ctrl-rgb));place-self:center;margin-inline-start:20px;height:fit-content}.dkzlb-nav-btn{width:24px;height:24px;border:1px solid rgb(var(--dkzlb-ctrl-rgb) / .08);border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:none;color:inherit;cursor:pointer;padding:0;transition:background .2s ease,color .2s ease}.dkzlb-nav-btn:hover{background:rgb(var(--dkzlb-ctrl-rgb));color:var(--dkzlb-nav-bg, rgb(var(--port-bg, 255 255 255)))}.dkzlb-nav-btn svg{transform:rotate(90deg)}.dkzlb-slider-progress{width:4px;height:44px;border-radius:10px;background:rgb(var(--dkzlb-ctrl-rgb) / .08);overflow:hidden;display:grid}.dkzlb-slider-progress-bar{display:block;width:100%;height:100%;border-radius:10px;background:rgb(var(--dkzlb-ctrl-rgb));transform:scaleY(var(--dkzlb-scale, 0));transform-origin:top;transition:transform .25s linear;will-change:transform}.dkzlb-media.dkzlb-anim .dkzlb-image{animation:dkzlbClipReveal .4s ease both}.dkzlb-media.dkzlb-anim .dkzlb-pin{animation:dkzlbPinIn .5s ease both;animation-delay:calc(.2s + .3s * var(--pin-i, 0))}.dkzlb-content.dkzlb-anim{animation:dkzlbSlideUp .4s ease both}@keyframes dkzlbClipReveal{0%{clip-path:inset(0 100% 0 0 round var(--dkzlb-radius))}to{clip-path:inset(0 0 0 0 round var(--dkzlb-radius))}}@keyframes dkzlbSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes dkzlbPinIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dkzlb--js[data-reveal]:not(.dkzlb-inview) .dkzlb-tab{opacity:0;transform:translate(-30px)}.dkzlb--js[data-reveal]:not(.dkzlb-inview) .dkzlb-image{clip-path:inset(0 100% 0 0 round var(--dkzlb-radius))}.dkzlb--js[data-reveal]:not(.dkzlb-inview) .dkzlb-content{opacity:0}.dkzlb--js[data-reveal]:not(.dkzlb-inview) .dkzlb-pin{opacity:0;transform:scale(.3)}.dkzlb--js[data-reveal].dkzlb-inview .dkzlb-tab{animation:dkzlbTabIn .3s ease both;animation-delay:calc(.2s * var(--tab-i, 0))}@keyframes dkzlbTabIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@media(min-width:768px){.dkzlb-container{padding-inline:30px}.dkzlb-grid{grid-template-columns:94px minmax(0,1fr) 25px minmax(270px,38%);grid-template-rows:1fr}.dkzlb-grid--single{grid-template-columns:0px minmax(0,1fr) 25px minmax(270px,38%)}.dkzlb-tabs{padding-inline-end:24px}.dkzlb-media{aspect-ratio:var(--dkzlb-ar-md, .8);--dkzlb-radius: 12px}.dkzlb-pin{inset-inline-start:min(var(--x, 50%),calc(100% - 27px + var(--dkzlb-inset)));inset-block-start:min(var(--y, 50%),calc(100% - 27px + var(--dkzlb-inset)))}.dkzlb-popover{display:none!important}.dkzlb-panel{display:flex;flex-direction:column;justify-content:center;grid-column:4;grid-row:1;min-width:0}}@media(min-width:1150px){.dkzlb{padding-block-start:var(--dkzlb-pt-xl, 100px);padding-block-end:var(--dkzlb-pb-xl, 100px)}.dkzlb-grid{grid-template-columns:144px minmax(0,1fr) minmax(44px,12%) 455px}.dkzlb-grid--single{grid-template-columns:0px minmax(0,1fr) minmax(44px,12%) 455px}.dkzlb-media{--dkzlb-radius: 32px}.dkzlb-title-top{display:none}.dkzlb-title-side{display:block;margin-block-end:30px}.dkzlb-heading--h0{font-size:86px}.dkzlb-heading--h1{font-size:64px}.dkzlb-heading--h2{font-size:48px}.dkzlb-heading--h3{font-size:40px}.dkzlb-heading--h4{font-size:34px}.dkzlb-heading--h5{font-size:24px}.dkzlb-heading--h6{font-size:20px}.dkzlb-slider-nav{margin-inline-end:35px}}@media(pointer:coarse){.dkzlb-nav-btn{width:44px;height:44px}.dkzlb-nav-btn svg{width:14px;height:14px}.dkzlb-slider-progress{height:56px}}@media(prefers-reduced-motion:reduce){.dkzlb-pin-dot,.dkzlb-pin-ring,.dkzlb-media.dkzlb-anim .dkzlb-image,.dkzlb-media.dkzlb-anim .dkzlb-pin,.dkzlb-content.dkzlb-anim,.dkzlb--js[data-reveal].dkzlb-inview .dkzlb-tab{animation:none!important}.dkzlb--js[data-reveal]:not(.dkzlb-inview) .dkzlb-tab,.dkzlb--js[data-reveal]:not(.dkzlb-inview) .dkzlb-content,.dkzlb--js[data-reveal]:not(.dkzlb-inview) .dkzlb-pin{opacity:1;transform:none}.dkzlb--js[data-reveal]:not(.dkzlb-inview) .dkzlb-image{clip-path:inset(0 0 0 0 round var(--dkzlb-radius))}}.dkzlb--pinsiz .dkzlb-pin{display:none}.dkzlb-media-holder{position:relative}.dkzlb-look-nav{position:absolute;inset-inline:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding-inline:6px;pointer-events:none;z-index:3}.dkzlb-look-btn{pointer-events:auto;width:44px;height:44px;border:0;border-radius:50%;background:#ffffffe0;color:#111;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px #0000001f}.dkzlb-look-btn:active{background:#fff}@media(min-width:768px){.dkzlb-look-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dkz-image-lookbook.css.map */