.look-board{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.look-board__media{position:relative;min-width:0;border-radius:var(--radius-block);overflow:hidden}.look-board__media>img,.look-board__media>.placeholder-svg{display:block;width:100%;height:auto}.look-board__media>.placeholder-svg{aspect-ratio:1 / 1}.look-board__dot{--dot-size: 10px;position:absolute;top:calc(var(--top, 50%) - var(--dot-size) / 2);left:calc(var(--left, 50%) - var(--dot-size) / 2);z-index:1;width:var(--dot-size);height:var(--dot-size);padding:0;border-radius:50%;background:rgb(var(--dot-color, 255 255 255));transition:transform .2s ease-in-out}.look-board__dot:after{content:"";position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);width:48px;height:48px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgb(var(--dot-color, 255 255 255) / 0),rgb(var(--dot-color, 255 255 255) / .3));animation:look-board-breathe 2s ease-in-out infinite alternate}.look-board__dot[aria-current=true]{transform:scale(1.3)}@media(pointer:fine){.look-board__dot:hover{transform:scale(1.3)}}.look-board__dot:focus-visible{outline-offset:4px}@keyframes look-board-breathe{0%{transform:scale(1)}to{transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.look-board__dot:after{animation:none}}.look-board__products{min-width:0}.look-board__list{display:grid;border:1px solid rgb(var(--border))}.look-board__row{display:flex;align-items:flex-start;gap:16px;padding:16px;min-width:0}.look-board__row+.look-board__row{border-top:1px solid rgb(var(--border))}.look-board__thumb{flex:none;width:64px;height:64px;overflow:hidden;background:#fff}.look-board__thumb img,.look-board__thumb .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.look-board__info{display:grid;gap:8px;justify-items:start;align-items:center;min-width:0;flex:1}.look-board__text{display:grid;gap:2px;min-width:0;font-size:12px;line-height:1.6}.look-board__title{font-weight:var(--text-weight-bold);overflow-wrap:anywhere}.look-board__text .price-stack{font-size:12px}.look-board__add{background:rgb(var(--text) / .1);border-color:transparent;color:rgb(var(--text));line-height:1.7}.look-board__add:hover{background:rgb(var(--text) / .05)}@media(max-width:699px){.look-board__add{font-size:11px}}.look-board__list--scroll{display:grid;grid-auto-flow:column;grid-auto-columns:75vw;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.look-board__list--scroll::-webkit-scrollbar{display:none}.look-board__list--scroll .look-board__row{scroll-snap-align:start}.look-board__list--scroll .look-board__row+.look-board__row{border-top:0;border-inline-start:1px solid rgb(var(--border))}.look-board__cards,.look-board__controls{display:none}@media(min-width:700px){.look-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.look-board__list{display:none}.look-board__products{display:grid;gap:32px}.look-board__cards{display:grid;width:60%;margin-inline:auto}.look-board__card{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.look-board__card.is-selected{z-index:1;opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.look-board__controls{display:flex;justify-content:center;gap:16px}.look-board__nav,.look-board__nav:hover{border:0;background:transparent;color:rgb(var(--text));box-shadow:0 0 0 1px rgb(var(--border))}.look-board__chevron{display:grid;place-items:center;width:10px;height:8px;pointer-events:none}.look-board__chevron:before,.look-board__chevron:after{content:"";grid-area:1 / 1;transition:translate .2s ease-in-out,transform .2s ease-in-out,opacity .2s ease-in-out}.look-board__chevron:before{position:relative;left:-1px;width:8px;height:8px;border-top:2px solid;border-right:2px solid;rotate:45deg}.look-board__chevron:after{width:10px;height:2px;background:currentColor;opacity:0;transform:scaleX(.5)}.look-board__chevron--back,[dir=rtl] .look-board__chevron{transform:rotate(180deg)}[dir=rtl] .look-board__chevron--back{transform:none}@media(pointer:fine){.look-board__nav:hover .look-board__chevron:before{translate:2px 0}.look-board__nav:hover .look-board__chevron:after{opacity:1;transform:scaleX(1)}}.look-board__card-placeholder{aspect-ratio:3 / 4}}@media(prefers-reduced-motion:reduce){.look-board__card,.look-board__card.is-selected{transition:none}}.look-board__dialog{padding:24px 20px 28px}.look-board__dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.look-board__dialog-title{font-weight:var(--text-weight-bold);text-transform:uppercase}.look-board__dialog-hint{margin-top:4px;color:rgb(var(--text) / .7);font-size:12px}.look-board__variants{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none}.look-board__variant{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:10px 16px;border:1px solid rgb(var(--border));border-radius:var(--radius-input);text-align:start}.look-board__variant:hover:not([disabled]){border-color:rgb(var(--text))}.look-board__variant[disabled]{opacity:.5;cursor:not-allowed}.look-board__variant.is-loading{opacity:.6;pointer-events:none}.look-board__variant-price{color:rgb(var(--text) / .7);white-space:nowrap}@media(min-width:700px){.look-board__dialog{padding:32px 32px 36px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-shop-the-look.css.map */