.cv-look__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--cv-gap-12-wide);align-items:center}.cv-look--flip .cv-look__plate{order:2}.cv-look__plate{min-width:0;margin:0;overflow:hidden;background:var(--cv-linen);box-shadow:var(--cv-sh-ring)}.cv-look__plate--mat{padding:clamp(18px,3vw,44px)}.cv-look__stage{--r: 1.5;position:relative;width:min(100%,calc(76svh * var(--r)));margin-inline:auto;aspect-ratio:var(--r)}.cv-look__pin{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--cv-white);color:var(--cv-ink);font-family:var(--cv-font-mono);font-size:12px;line-height:1;box-shadow:0 6px 18px -8px #0a1e308c,0 0 0 6px #ffffff59;transition:background-color var(--cv-t-ui) var(--cv-ease),color var(--cv-t-ui) var(--cv-ease),transform var(--cv-t-ui) var(--cv-ease)}.cv-look__pin:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;box-shadow:0 0 0 1px #ffffffb3;animation:cv-look-ring 2.6s var(--cv-ease) infinite;pointer-events:none}@keyframes cv-look-ring{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.6)}}.cv-look__pin:hover,.cv-look__pin:focus-visible{background:var(--cv-blue);color:var(--cv-white);transform:scale(1.08)}.cv-look__pin:focus-visible{outline:2px solid var(--cv-white);outline-offset:3px}@media(prefers-reduced-motion:reduce){.cv-look__pin:after{animation:none}.cv-look__pin{transition:none}}.cv-look__body{display:flex;flex-direction:column;gap:20px;min-width:0}.cv-look__title{font-family:var(--cv-font-display);font-size:clamp(1.9rem,3.2vw,3rem);font-weight:300;line-height:calc(1.04 + var(--cv-lh-plus));letter-spacing:var(--cv-display-section-track)}.cv-look__text{max-width:48ch;color:var(--cv-text-slate);font-size:var(--cv-body-md-size);line-height:calc(var(--cv-body-md-lh) + var(--cv-lh-plus))}.cv-look__items{display:grid;gap:1px;margin:0;padding:0;list-style:none}.cv-look__link{display:grid;grid-template-columns:auto 64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 18px 12px 14px;background:var(--cv-white);box-shadow:var(--cv-sh-tile);color:var(--cv-ink);transition:background-color var(--cv-t-ui) var(--cv-ease)}.cv-look__n{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cv-line-stepper);font-family:var(--cv-font-mono);font-size:11px;line-height:1;transition:background-color var(--cv-t-ui) var(--cv-ease),color var(--cv-t-ui) var(--cv-ease),box-shadow var(--cv-t-ui) var(--cv-ease)}.cv-look__thumb{position:relative;display:block;width:64px;aspect-ratio:1;overflow:hidden;background:var(--cv-card-well, var(--cv-linen))}.cv-look__info{display:flex;flex-direction:column;gap:4px;min-width:0}.cv-look__name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--cv-small-size);line-height:calc(1.4 + var(--cv-lh-plus))}.cv-look__price{color:var(--cv-text-muted)}.cv-look__go{display:flex;color:var(--cv-text-muted);transition:color var(--cv-t-ui) var(--cv-ease),transform var(--cv-t-ui) var(--cv-ease)}.cv-look__link:hover,.cv-look__link:focus-visible{background:var(--cv-linen)}.cv-look__link:hover .cv-look__go,.cv-look__link:focus-visible .cv-look__go{color:var(--cv-blue)}.cv-look__link:hover .cv-look__n,.cv-look__link:focus-visible .cv-look__n,.cv-look:has(.cv-look__pin[data-n="1"]:is(:hover,:focus-visible)) .cv-look__item[data-n="1"] .cv-look__n,.cv-look:has(.cv-look__pin[data-n="2"]:is(:hover,:focus-visible)) .cv-look__item[data-n="2"] .cv-look__n,.cv-look:has(.cv-look__pin[data-n="3"]:is(:hover,:focus-visible)) .cv-look__item[data-n="3"] .cv-look__n,.cv-look:has(.cv-look__pin[data-n="4"]:is(:hover,:focus-visible)) .cv-look__item[data-n="4"] .cv-look__n,.cv-look:has(.cv-look__pin[data-n="5"]:is(:hover,:focus-visible)) .cv-look__item[data-n="5"] .cv-look__n,.cv-look:has(.cv-look__pin[data-n="6"]:is(:hover,:focus-visible)) .cv-look__item[data-n="6"] .cv-look__n{background:var(--cv-blue);color:var(--cv-white);box-shadow:none}.cv-look:has(.cv-look__item[data-n="1"] .cv-look__link:is(:hover,:focus-visible)) .cv-look__pin[data-n="1"],.cv-look:has(.cv-look__item[data-n="2"] .cv-look__link:is(:hover,:focus-visible)) .cv-look__pin[data-n="2"],.cv-look:has(.cv-look__item[data-n="3"] .cv-look__link:is(:hover,:focus-visible)) .cv-look__pin[data-n="3"],.cv-look:has(.cv-look__item[data-n="4"] .cv-look__link:is(:hover,:focus-visible)) .cv-look__pin[data-n="4"],.cv-look:has(.cv-look__item[data-n="5"] .cv-look__link:is(:hover,:focus-visible)) .cv-look__pin[data-n="5"],.cv-look:has(.cv-look__item[data-n="6"] .cv-look__link:is(:hover,:focus-visible)) .cv-look__pin[data-n="6"]{background:var(--cv-blue);color:var(--cv-white);transform:scale(1.08)}.cv-look__btn{background:var(--cv-blue)}.cv-look__btn:hover{background:var(--cv-blue-deep)}@media(max-width:860px){.cv-look__grid{grid-template-columns:minmax(0,1fr)}.cv-look--flip .cv-look__plate{order:0}.cv-look__pin{width:30px;height:30px;margin:-15px 0 0 -15px}.cv-look__link{grid-template-columns:auto 56px minmax(0,1fr) auto;gap:12px;padding-inline:12px 14px}.cv-look__thumb{width:56px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/cv-look.css.map */