.af-rio-look{display:grid;grid-template-columns:5fr 7fr;align-items:center;max-width:1560px;margin:clamp(80px,8vw,128px) auto 0;overflow:hidden;background:#171817;color:#f7f5ef;font:400 17px/1.6 var(--adore-font-family,var(--body-font-family,Arial,sans-serif));scroll-margin-top:100px}.af-rio-look>.af-look-copy{padding:clamp(40px,5vw,88px) clamp(24px,4vw,72px)}.af-rio-look .adore-pdp-story__eyebrow{margin:0;color:#ff8b5f;font:750 11.52px/1.3 var(--adore-font-family,var(--body-font-family,Arial,sans-serif));letter-spacing:.13em;text-transform:uppercase}.af-rio-look h2{margin:11.2px 0 16px;max-width:15ch;color:inherit;font:780 clamp(35.2px,3.6vw,60.8px)/1.02 var(--adore-font-family,var(--heading-font-family,Arial,sans-serif));letter-spacing:-.045em}.af-rio-look .adore-pdp-story__copy{max-width:448px;margin-bottom:27.2px;color:#b9b7b0;line-height:1.65}.af-rio-look a{display:inline-flex;align-items:center;gap:8.8px;padding-bottom:4.8px;border-bottom:2px solid currentColor;color:#fff;font-size:14.08px;font-weight:720;text-decoration:none}.af-rio-look img{display:block}.af-rio-look h2 span{color:#ff8b5f}.af-rio-look .af-look-choices{display:grid;gap:7px;margin:0 0 24px}.af-rio-look .af-look-choice{display:flex;align-items:center;gap:11px;width:fit-content;max-width:100%;min-height:44px;border:0;background:transparent;padding:3px 0;color:#f7f5ef;text-align:left;font:650 15px/1.3 var(--adore-font-family);cursor:pointer}.af-look-choice span{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid #777a75;border-radius:50%;font-size:13px}.af-look-choice[aria-expanded=true] span{background:#ec5b24;border-color:#ec5b24;color:#fff}.af-rio-look .af-look-note{margin:20px 0 0;max-width:360px;color:#b9b7b0;font-size:12px;line-height:1.55}.af-rio-look .af-look-scene{position:relative;align-self:center;min-height:0;height:auto;aspect-ratio:1401 / 1123;margin:0}.af-rio-look .af-look-scene>img{width:100%;height:100%;object-fit:contain}.af-look-point{position:absolute;z-index:1;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:3px solid white;border-radius:50%;background:#ec5b24;color:#fff;box-shadow:0 2px 14px #0004;font:800 16px/1 var(--adore-font-family);cursor:pointer}.af-look-point[aria-expanded=true]{background:#171817}.af-rio-look button:focus-visible,.af-rio-look a:focus-visible{outline:3px solid #ffb493;outline-offset:4px}.af-rio-look .af-look-panel{position:absolute;z-index:3;left:16px;bottom:16px;display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;width:min(350px,calc(100% - 32px));padding:18px 38px 18px 14px;border-radius:12px;background:#fff;color:#161511;box-shadow:0 5px 30px #0003}.af-rio-look .af-look-panel[hidden]{display:none}.af-rio-look .af-look-thumbnail{align-self:center;width:80px;height:100px;object-fit:contain}.af-look-panel h3{margin:0 0 5px;color:#161511;font:750 17px/1.15 var(--adore-font-family);letter-spacing:-.02em}.af-look-panel p{margin:0 0 4px;color:#666;font-size:12px;line-height:1.4}.af-look-panel strong{display:block;color:#bc4318;font-size:19px;line-height:1.3}.af-rio-look .af-look-panel a{margin-top:9px;color:#161511;font-size:13px}.af-look-close{position:absolute;right:0;top:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#161511;cursor:pointer}@media(max-width:900px){.af-rio-look{grid-template-columns:1fr}.af-rio-look .af-look-copy{padding:32px 24px}.af-rio-look .af-look-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.af-rio-look .af-look-choice{font-size:13px}.af-rio-look .af-look-note{margin-top:14px}.af-rio-look .af-look-panel{left:12px;bottom:12px;width:calc(100% - 24px);grid-template-columns:60px minmax(0,1fr)}.af-rio-look .af-look-thumbnail{width:60px;height:80px}}.af-rio-look .af-look-panel[data-look-floating]{position:fixed;inset:auto;left:var(--look-card-x,16px);top:var(--look-card-y,16px);margin:0;width:min(370px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;z-index:10000;border:1px solid #e4e1dc;border-radius:16px;box-shadow:0 14px 48px #17181733;text-align:left}.af-rio-look .af-look-panel[data-look-floating]::backdrop{background:transparent;pointer-events:none}@media(max-width:800px){.af-rio-look .af-look-panel[data-look-floating]{left:12px;top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:calc(100vw - 24px);max-height:50dvh;grid-template-columns:60px minmax(0,1fr);padding:20px 44px 20px 16px}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/af-rio-look.css.map */