.exo-looks-page{padding:96px 32px 64px}.exo-looks-page__layout{display:grid;grid-template-columns:140px 1fr;gap:64px;align-items:start}.exo-looks-page-dropdown{grid-column:1}.exo-looks-page__sidebar{position:sticky;top:96px;display:flex;flex-direction:column;font-size:12px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-spacing:-.15em;line-height:1.9}.exo-looks-page__tab{display:inline-flex;align-self:flex-start;gap:.9em;cursor:pointer;color:inherit;opacity:.35}.exo-looks-page__radio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.exo-looks-page__radio:checked+.exo-looks-page__tab{opacity:1}.exo-looks-page__tab:hover{opacity:1}.exo-looks-page-dropdown__toggle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.exo-looks-page-dropdown__summary{display:none}.exo-looks-page-dropdown__summary-option{display:none;align-items:center;gap:8px}.exo-looks-page__content{grid-column:2}.exo-looks-page__gallery{display:none;grid-template-columns:repeat(3,1fr);gap:10px}.exo-looks-page__image{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:3 / 4}@media screen and (max-width:900px){.exo-looks-page{padding:0 32px 48px}.exo-looks-page__layout{grid-template-columns:1fr;gap:0}.exo-looks-page-dropdown{grid-column:1;position:sticky;z-index:10;background:transparent}.exo-looks-page-dropdown__summary{display:inline-flex;align-items:center;gap:8px;padding:0;line-height:1;cursor:pointer;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-spacing:-.15em;font-size:12px;text-transform:uppercase;text-shadow:0 0 2px rgba(255,255,255,.35),0 0 5px rgba(255,255,255,.22),0 0 9px rgba(255,255,255,.14),0 0 14px rgba(255,255,255,.08)}.exo-looks-page-dropdown__summary-option{display:none}.exo-looks-page-dropdown__summary:after{content:"\25be";font-size:10px;transition:transform .2s ease}.exo-looks-page-dropdown__toggle:checked~.exo-looks-page-dropdown__summary:after{transform:rotate(180deg)}.exo-looks-page-dropdown:has(.exo-looks-page-dropdown__toggle:checked){background:#fff;box-shadow:0 0 0 16px #fff}.exo-looks-page__sidebar{position:relative;top:0;display:none;flex-direction:column;gap:10px;padding:12px 0 0;font-size:12px}.exo-looks-page-dropdown__toggle:checked~.exo-looks-page__sidebar{display:flex}.exo-looks-page__radio:checked+.exo-looks-page__tab{display:none}.exo-looks-page__tab{gap:.4em;text-shadow:0 0 2px rgba(255,255,255,.35),0 0 5px rgba(255,255,255,.22),0 0 9px rgba(255,255,255,.14),0 0 14px rgba(255,255,255,.08)}.exo-looks-page__content{grid-column:1;margin-top:12px}.exo-looks-page__gallery{grid-template-columns:repeat(2,1fr);gap:5px}.exo-looks-page__image{aspect-ratio:3 / 4;height:auto;width:100%;max-width:100%}.exo-looks-page__fade{display:none;position:absolute;left:0;right:0;top:calc(100% - 2px);height:10px;background:linear-gradient(to bottom,#fff 100% 10%,#fff0);pointer-events:none}.exo-looks-page-dropdown__toggle:checked~.exo-looks-page__sidebar .exo-looks-page__fade{display:block}}@media screen and (max-width:767px){.exo-looks-page{padding-left:16px;padding-right:16px}.exo-looks-page-dropdown{top:60px;margin-top:60px}.exo-looks-page-dropdown__summary{font-size:14px}}@media screen and (min-width:768px)and (max-width:900px){.exo-looks-page-dropdown{top:72px;margin-top:72px}}@media screen and (max-width:900px){body:has(.exo-looks-page-dropdown__toggle:checked) .site-header{background:#fff}}@media screen and (max-width:800px){.exo-looks-page__sidebar{font-size:10px}}@media screen and (max-width:480px){.exo-looks-page__sidebar{font-size:9px}.exo-looks-page-dropdown__summary{font-size:11px}}@media screen and (min-width:901px){.exo-looks-page-dropdown{display:contents}.exo-looks-page-dropdown__toggle,.exo-looks-page-dropdown__summary{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-exo-looks-page.css.map */