<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.okd-collection-hero{padding:0 3.2rem}.okd-collection-hero .collection-banner-inner{position:relative;padding:3.2rem 0;background:#f5f5f5}.okd-collection-hero .collection-banner-inner .wrap_inner{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8rem}.okd-collection-hero .collection-banner-inner .wrap_inner .text{max-width:56rem;padding-bottom:1.6rem}.okd-collection-hero .collection-banner-inner .wrap_inner .image{display:block;position:relative;width:100%;max-width:72rem;height:39rem;background:#bebebe;flex:0 0 auto}.okd-collection-hero .collection-banner-inner .wrap_inner .image&gt;img{display:block;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;max-width:100%;max-height:100%}.okd-collection-hero .collection-banner-inner.no-image{padding:6.4rem 0}.okd-collection-hero .collection-banner-inner.no-image .wrap_inner .text{padding-bottom:0}.okd-collection-hero .highlights{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:3.2rem;margin-top:4.8rem;flex-wrap:nowrap;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.okd-collection-hero .highlights::-webkit-scrollbar{display:none}.okd-collection-hero .highlights .highlight{width:10rem;flex:0 0 auto;position:relative;text-align:center}.okd-collection-hero .highlights .highlight a{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.okd-collection-hero .highlights .highlight .highlight_image{width:10rem;height:10rem;margin:0 auto;border-radius:50%;background:#f5f5f5;border:1px solid #fff;overflow:hidden}.okd-collection-hero .highlights .highlight .highlight_image&gt;img,.okd-collection-hero .highlights .highlight .highlight_image&gt;svg{display:block;width:100%;height:100%;object-fit:cover}.okd-collection-hero .highlights .highlight p{font-size:1.6rem;color:#706f6f;margin:1.6rem 0 0}.okd-collection-hero .highlights .highlight:hover p{color:#5b1329}@media only screen and (max-width: 1700px){.okd-collection-hero .highlights{padding:0}}@media only screen and (max-width: 1480px){.okd-collection-hero .collection-banner-inner .wrap_inner{gap:4.8rem}.okd-collection-hero .collection-banner-inner .wrap_inner .image{max-width:52rem}}@media only screen and (max-width: 1024px){.okd-collection-hero .collection-banner-inner .wrap_inner{flex-direction:column-reverse}.okd-collection-hero .collection-banner-inner .wrap_inner .image{width:100%;max-width:100%;height:0;padding-bottom:54.16%}.okd-collection-hero .collection-banner-inner .wrap_inner .text{width:100%;max-width:100%}}@media only screen and (max-width: 768px){.okd-collection-hero{padding:0}.okd-collection-hero .collection-banner-inner{padding:1.6rem 0 3.2rem}.okd-collection-hero .collection-banner-inner .wrap_inner{gap:3.2rem}.okd-collection-hero .collection-banner-inner .wrap_inner .text{padding-bottom:0}.okd-collection-hero .highlights{gap:1.6rem;margin-top:3.2rem;padding:0 1.6rem}}/*# sourceMappingURL=component-collection-hero.css.map */
</pre></body></html>