.kludi-shop-the-look{display:block;isolation:isolate;padding-block-start:104px}.kludi-shop-the-look__header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;max-inline-size:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-gutter)}.kludi-shop-the-look__intro{min-inline-size:0}.kludi-shop-the-look__kicker{margin:0;font-size:12px;line-height:normal;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:rgb(var(--kludi-ink))}.kludi-shop-the-look__heading{margin:18px 0 0;font-size:52px;line-height:normal;font-weight:400;letter-spacing:-.01em;text-transform:none;color:rgb(var(--kludi-ink))}.kludi-shop-the-look__body{margin:16px 0 0;max-inline-size:520px;font-size:17px;line-height:1.6;font-weight:300;opacity:.7}.kludi-shop-the-look__arrows{flex:none;display:flex;gap:10px}.kludi-shop-the-look__arrow{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;padding:0;border:1px solid rgb(var(--kludi-control-border));background-color:rgb(var(--background));color:rgb(var(--kludi-ink));font-family:inherit;font-size:16px;cursor:pointer;transition:border-color .25s var(--kludi-ease)}.kludi-shop-the-look__arrow:disabled{border-color:rgb(var(--kludi-control-border),.55);color:rgb(var(--kludi-ink),.3);cursor:default}@media screen and (pointer:fine){.kludi-shop-the-look__arrow:not(:disabled):hover{border-color:rgb(var(--kludi-ink))}}.kludi-shop-the-look__row{display:flex;gap:20px;margin-block:44px -24px;padding-inline:var(--container-gutter);padding-block-end:24px;overflow:auto hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-inline-start:var(--container-gutter);scrollbar-width:none}.kludi-shop-the-look__track{display:none}.kludi-shop-the-look__row::-webkit-scrollbar{display:none}.kludi-shop-the-look__look{flex:0 0 100%;inline-size:100%;scroll-snap-align:start}.kludi-shop-the-look__scene{position:relative;inline-size:100%;aspect-ratio:1200 / 645;background-color:rgb(var(--kludi-secondary-surface))}.kludi-shop-the-look__picture{display:block;inline-size:100%;block-size:100%}.kludi-shop-the-look__image{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 50%}.kludi-shop-the-look__spot{position:absolute;inset-inline-start:var(--kludi-look-x);inset-block-start:var(--kludi-look-y);z-index:10}.kludi-shop-the-look__spot:has([aria-expanded=true]){z-index:20}.kludi-shop-the-look__dot{display:flex;align-items:center;justify-content:center;inline-size:26px;block-size:26px;margin:-13px 0 0 -13px;padding:0;border:0;border-radius:50%;background-color:#fff;box-shadow:0 2px 10px -2px rgb(var(--kludi-ink),.5);color:rgb(var(--kludi-ink));font-family:inherit;font-size:15px;font-weight:300;line-height:1;cursor:pointer;transition:transform .2s ease}.kludi-shop-the-look__spot[data-large] .kludi-shop-the-look__dot{inline-size:48px;block-size:48px;margin:-24px 0 0 -24px}.kludi-shop-the-look__dot[aria-expanded=true]{background-color:rgb(var(--kludi-ink));color:#fff}@media screen and (pointer:fine){.kludi-shop-the-look__dot:hover{transform:scale(1.15)}}.kludi-shop-the-look__dot-glyph:before{content:"+"}.kludi-shop-the-look__dot[aria-expanded=true] .kludi-shop-the-look__dot-glyph:before{content:"\d7"}.kludi-shop-the-look__visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);inline-size:1px;block-size:1px;white-space:nowrap}.kludi-shop-the-look__card{position:absolute;inset-block-start:-42px;inset-inline-start:22px;inline-size:300px;background-color:#fff;box-shadow:0 24px 44px -26px rgb(var(--kludi-ink),.5);color:rgb(var(--kludi-ink));animation:kludi-look-card-in .2s ease both}@media screen and (min-width:741px){.kludi-shop-the-look__spot[data-flip] .kludi-shop-the-look__card{inset-inline:auto 22px}}@media screen and (max-width:740px){.kludi-shop-the-look__spot[data-flip-mobile] .kludi-shop-the-look__card{inset-inline:auto 22px}}@keyframes kludi-look-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.kludi-shop-the-look__row{scroll-behavior:auto}.kludi-shop-the-look__dot{transition:none}.kludi-shop-the-look__card{animation:none}}.kludi-shop-the-look__card-head{display:flex;gap:16px;padding:20px 20px 0}.kludi-shop-the-look__thumb{flex:0 0 64px;display:block;inline-size:64px;block-size:76px;background-color:rgb(var(--kludi-stage));mix-blend-mode:multiply}.kludi-shop-the-look__thumb-image{display:block;inline-size:100%;block-size:100%;object-fit:contain}.kludi-shop-the-look__card-meta{min-inline-size:0}.kludi-shop-the-look__sku{margin:0;font-size:12px;line-height:normal;letter-spacing:.1em;opacity:.45}.kludi-shop-the-look__name{margin:6px 0 0;font-size:15px;line-height:1.35;font-weight:500}.kludi-shop-the-look__price{display:flex;align-items:baseline;gap:8px;margin:8px 0 0}.kludi-shop-the-look__currency{font-size:12px;line-height:normal;letter-spacing:.1em;opacity:.5}.kludi-shop-the-look__amount{font-size:16px;line-height:normal;font-weight:400}.kludi-shop-the-look__card-actions{display:flex;gap:10px;padding:18px 20px 20px}.kludi-shop-the-look__form{flex:none;margin:0}.kludi-shop-the-look__add{display:flex;align-items:center;justify-content:center;inline-size:52px;block-size:44px;padding:0;border:0;background-color:rgb(var(--kludi-ink));color:#fff;cursor:pointer;transition:background-color .25s var(--kludi-ease)}.kludi-shop-the-look__add[disabled]{opacity:.45;cursor:default}.kludi-shop-the-look__view{flex:1;display:flex;align-items:center;justify-content:center;block-size:44px;background-color:rgb(var(--kludi-secondary-surface));color:rgb(var(--kludi-ink));text-decoration:none;transition:background-color .25s var(--kludi-ease)}@media screen and (pointer:fine){.kludi-shop-the-look__add:not([disabled]):hover{background-color:rgb(var(--kludi-black))}.kludi-shop-the-look__view:hover{background-color:rgb(var(--kludi-sand))}}@media(prefers-reduced-motion:reduce){.kludi-shop-the-look__add,.kludi-shop-the-look__view{transition:none}}.kludi-shop-the-look__caption{display:flex;align-items:baseline;gap:14px;margin-block-start:20px}.kludi-shop-the-look__caption-title{font-size:12px;line-height:normal;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.kludi-shop-the-look__caption-meta{font-size:14px;line-height:normal;opacity:.6}@media screen and (max-width:740px){.kludi-shop-the-look:not(.kludi-shop-the-look--mobile){display:none}.kludi-shop-the-look__spot{inset-inline-start:var(--kludi-look-x-mobile, var(--kludi-look-x));inset-block-start:var(--kludi-look-y-mobile, var(--kludi-look-y))}.kludi-shop-the-look__header{display:block}.kludi-shop-the-look__kicker{font-size:11px;letter-spacing:.22em}.kludi-shop-the-look__heading{margin-block-start:12px;font-size:34px}.kludi-shop-the-look__arrows{display:none}.kludi-shop-the-look__track{position:relative;display:block;margin-block-start:18px;margin-inline:var(--container-gutter);block-size:3px;background-color:rgb(var(--kludi-hairline))}.kludi-shop-the-look__track-thumb{position:absolute;inset-block:0;inset-inline-start:0;block-size:3px;background-color:rgb(var(--kludi-ink))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kludi-shop-the-look.css.map */