:root{--opk-font-main: "OpenSans", sans-serif;--opk-font-heading: "PlayfairDisplay", sans-serif;--opk-font-subheading: "Kapakana", sans-serif}.opk-collection-card{position:relative}.opk-collection-card .collection-card{height:100%}.opk-collection-card .collection-card .link_cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:pointer}.opk-collection-card .collection-card.style2:hover,.opk-collection-card .collection-card.style2:focus-within{transform:none}.opk-collection-card .collection-card:hover .collection-card--image img,.opk-collection-card .collection-card:focus-within .collection-card--image img,.opk-collection-card .collection-card:hover .collection-card--image .thb-placeholder,.opk-collection-card .collection-card:focus-within .collection-card--image .thb-placeholder{transform:scale(1.04)}.opk-collection-card .collection-card.style2 .collection-card--content{z-index:11;pointer-events:none}.opk-collection-card .collection-card--content{top:auto!important;top:initial!important;display:flex;align-items:end;justify-content:space-between;gap:8px;background:linear-gradient(180deg,#0000 -23.61%,#000c);overflow:hidden}@media screen and (min-width:1200px){.opk-collection-card .collection-card--content{padding:25px 30px 30px!important}}@media screen and (max-width:1199px){.opk-collection-card .collection-card--content{padding:20px 15px!important}}.opk-collection-card .collection-card--image{height:100%;border-radius:0}@media screen and (min-width:1200px){.opk-collection-card .collection-card--image.media-aspect-portrait{padding-bottom:130%!important}}@media screen and (max-width:1199px){.opk-collection-card .collection-card--image.media-aspect-portrait{padding-bottom:114%!important}}.opk-collection-card .collection-card--image img,.opk-collection-card .collection-card--image .thb-placeholder{transition:transform .4s cubic-bezier(.104,.204,.492,1);transform-origin:bottom center}.opk-collection-card .collection-card--text-content{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content}@media screen and (min-width:1200px){.opk-collection-card .collection-card--text-content{gap:5px}}@media screen and (max-width:1199px){.opk-collection-card .collection-card--text-content{gap:10px}}.opk-collection-card .collection-card--text-content .collection-card--link{font-family:PlayfairDisplay,sans-serif;font-family:var(--opk-font-heading);font-weight:800;letter-spacing:0%;text-transform:uppercase;text-align:left;color:#fff9f1}@media screen and (min-width:1200px){.opk-collection-card .collection-card--text-content .collection-card--link{font-size:22px;line-height:28px}}@media screen and (max-width:1199px){.opk-collection-card .collection-card--text-content .collection-card--link{font-size:20px;line-height:20px}}.opk-collection-card .collection-card--text-content .rte>*{margin:0;font-weight:400;letter-spacing:0%;text-align:left;color:#fff9f1}@media screen and (min-width:1200px){.opk-collection-card .collection-card--text-content .rte>*{font-size:20px;line-height:30px}}@media screen and (max-width:1199px){.opk-collection-card .collection-card--text-content .rte>*{font-size:16px;line-height:22px}}.opk-collection-card .opk-icon-button{pointer-events:auto;transition:background-color .25s cubic-bezier(.104,.204,.492,1)}.opk-collection-card .opk-icon-button svg{width:20px;height:14px}.opk-collection-card .opk-icon-button svg path{fill:#fff9f1;transition:fill .25s cubic-bezier(.104,.204,.492,1)}@media(any-hover:hover){.opk-collection-card .opk-icon-button:hover{background-color:#fff9f1}.opk-collection-card .opk-icon-button:hover svg path{fill:#7f231d}}.opk-collection-card .opk-icon-button:focus-visible{background-color:#fff9f1}.opk-collection-card .opk-icon-button:focus-visible svg path{fill:#7f231d}@media(prefers-reduced-motion:reduce){.opk-collection-card .opk-icon-button,.opk-collection-card .opk-icon-button svg path{transition:none}}.opk-collection-list .collection-grid{gap:10px}@media(max-width:1359px)and (min-width:768px){.opk-collection-list.section-collection-list,.opk-collection-list .list-collections{overflow:visible}}@media(max-width:1359px)and (min-width:768px){.opk-collection-list .collection-grid.swipe-on-mobile{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(calc((100vw - 40px)/2),1fr);grid-template-columns:repeat(auto-fill,minmax(calc((100vw - 40px)/2),1fr));overflow-x:auto;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:15px;padding-right:15px;box-sizing:border-box}.opk-collection-list .collection-grid.swipe-on-mobile::-webkit-scrollbar{display:none}.opk-collection-list .collection-grid.swipe-on-mobile .opk-collection-card{scroll-snap-align:start}}@media screen and (max-width:767px){.opk-collection-list .collection-grid.swipe-on-mobile{padding:0 20px!important;grid-template-columns:repeat(auto-fill,minmax(calc(75vw + 10px),1fr))}}.opk-collection-list .section-header--button{width:-moz-fit-content;width:fit-content}@media screen and (min-width:1200px){.opk-collection-list .section-header--button{display:none}}@media screen and (max-width:479px){.opk-collection-list .section-header--button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/opk-collection-list.css.map */