:root{--opk-font-main: "OpenSans", sans-serif;--opk-font-heading: "PlayfairDisplay", sans-serif;--opk-font-subheading: "Kapakana", sans-serif}.opk-collection-shield-card{position:relative;height:100%;border:1px solid #d0cecc;background-color:#fff9f1;transition:background-color .3s cubic-bezier(.104,.204,.492,1)}.opk-collection-shield-card .opk-collection-shield-card__inner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;text-align:center}@media screen and (min-width:1600px){.opk-collection-shield-card .opk-collection-shield-card__inner{gap:24px;padding:70px 20px 32px}}@media(max-width:1599px)and (min-width:768px){.opk-collection-shield-card .opk-collection-shield-card__inner{gap:22px;padding:40px 20px 26px}}@media screen and (max-width:767px){.opk-collection-shield-card .opk-collection-shield-card__inner{gap:22px;padding:20px 16px}}.opk-collection-shield-card .opk-collection-shield-card__inner.opk-collection-shield-card__inner--blank{justify-content:center}.opk-collection-shield-card .opk-collection-shield-card__shield{aspect-ratio:187/260;position:relative;width:100%;flex-shrink:0;transition:.2s}@media screen and (min-width:1200px){.opk-collection-shield-card .opk-collection-shield-card__shield{max-width:187px}}@media(max-width:1199px)and (min-width:768px){.opk-collection-shield-card .opk-collection-shield-card__shield{max-width:150px}}@media screen and (max-width:767px){.opk-collection-shield-card .opk-collection-shield-card__shield{max-width:122px}}.opk-collection-shield-card .opk-collection-shield-card__shield-svg{display:block;width:100%;height:100%}.opk-collection-shield-card .opk-collection-shield-card__shield-path{fill:#0000;stroke:#7f231d;stroke-width:1;transition:fill .3s cubic-bezier(.104,.204,.492,1),stroke .3s cubic-bezier(.104,.204,.492,1)}.opk-collection-shield-card .opk-collection-shield-card__logo{position:absolute;top:18%;right:16%;bottom:22%;left:16%;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.opk-collection-shield-card .opk-collection-shield-card__logo img,.opk-collection-shield-card .opk-collection-shield-card__logo .thb-placeholder{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.opk-collection-shield-card .opk-collection-shield-card__logo .thb-placeholder{display:flex;align-items:center;justify-content:center}.opk-collection-shield-card .opk-collection-shield-card__logo .thb-placeholder svg{width:70%;height:auto}.opk-collection-shield-card .opk-collection-shield-card__title{font-family:PlayfairDisplay,sans-serif;font-family:var(--opk-font-heading);font-weight:800;text-transform:uppercase;color:#7f231d;letter-spacing:0;transition:color .3s cubic-bezier(.104,.204,.492,1)}@media screen and (min-width:1200px){.opk-collection-shield-card .opk-collection-shield-card__title{font-size:22px;line-height:28px}}@media screen and (max-width:1199px){.opk-collection-shield-card .opk-collection-shield-card__title{font-size:18px;line-height:24px}}.opk-collection-shield-card .opk-collection-shield-card__button-wrapper{z-index:2;transition:.2s}@media screen and (min-width:1440px){.opk-collection-shield-card .opk-collection-shield-card__button-wrapper{margin-top:50px}}@media(max-width:1439px)and (min-width:1024px){.opk-collection-shield-card .opk-collection-shield-card__button-wrapper{margin-top:30px}}@media screen and (max-width:1023px){.opk-collection-shield-card .opk-collection-shield-card__button-wrapper{display:none}}.opk-collection-shield-card .opk-collection-shield-card__button{position:relative;pointer-events:auto;border-color:#7f231d;background-color:#0000;transition:border-color .3s cubic-bezier(.104,.204,.492,1),background-color .3s cubic-bezier(.104,.204,.492,1)}.opk-collection-shield-card .opk-collection-shield-card__button svg{width:20px;height:14px}.opk-collection-shield-card .opk-collection-shield-card__button svg path{fill:#7f231d;transition:fill .3s cubic-bezier(.104,.204,.492,1)}@media(any-hover:hover){.opk-collection-shield-card .opk-collection-shield-card__button:hover{background-color:#7f231d;border-color:#7f231d}.opk-collection-shield-card .opk-collection-shield-card__button:hover svg path{fill:#fff9f1}}.opk-collection-shield-card .opk-collection-shield-card__button:focus-visible{background-color:#7f231d;border-color:#7f231d}.opk-collection-shield-card .opk-collection-shield-card__button:focus-visible svg path{fill:#fff9f1}.opk-collection-shield-card .opk-collection-shield-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}@media screen and (any-hover:hover)and (min-width:768px){.opk-collection-shield-card:hover{background-color:#7f231d}.opk-collection-shield-card:hover .opk-collection-shield-card__shield-path{fill:#fff9f1;stroke:#fff9f1}.opk-collection-shield-card:hover .opk-collection-shield-card__title{color:#fff9f1}.opk-collection-shield-card:hover .opk-collection-shield-card__button-wrapper{margin-top:0}.opk-collection-shield-card:hover .opk-collection-shield-card__button{border-color:#fff9f1}.opk-collection-shield-card:hover .opk-collection-shield-card__button svg path{fill:#fff9f1}}@media screen and (any-hover:hover)and (min-width:768px)and (any-hover:hover){.opk-collection-shield-card:hover .opk-collection-shield-card__button:hover{background-color:#fff9f1;border-color:#fff9f1}.opk-collection-shield-card:hover .opk-collection-shield-card__button:hover svg path{fill:#7f231d}}@media screen and (any-hover:hover)and (min-width:768px){.opk-collection-shield-card:hover .opk-collection-shield-card__button:focus-visible{background-color:#fff9f1;border-color:#fff9f1}.opk-collection-shield-card:hover .opk-collection-shield-card__button:focus-visible svg path{fill:#7f231d}}@media screen and (any-hover:hover)and (min-width:1920px){.opk-collection-shield-card:hover .opk-collection-shield-card__shield{max-width:260px}}@media(any-hover:hover)and (max-width:1919px)and (min-width:1440px){.opk-collection-shield-card:hover .opk-collection-shield-card__shield{max-width:220px}}@media(any-hover:hover)and (max-width:1439px)and (min-width:1200px){.opk-collection-shield-card:hover .opk-collection-shield-card__shield{max-width:180px}}@media(any-hover:hover)and (max-width:1199px)and (min-width:1024px){.opk-collection-shield-card:hover .opk-collection-shield-card__shield{max-width:170px}}.opk-collection-shield-card:focus-within{background-color:#7f231d}.opk-collection-shield-card:focus-within .opk-collection-shield-card__shield-path{fill:#fff9f1;stroke:#fff9f1}.opk-collection-shield-card:focus-within .opk-collection-shield-card__title{color:#fff9f1}.opk-collection-shield-card:focus-within .opk-collection-shield-card__button{border-color:#fff9f1}.opk-collection-shield-card:focus-within .opk-collection-shield-card__button svg path{fill:#fff9f1}@media(prefers-reduced-motion:reduce){.opk-collection-shield-card,.opk-collection-shield-card .opk-collection-shield-card__shield-path,.opk-collection-shield-card .opk-collection-shield-card__title,.opk-collection-shield-card .opk-collection-shield-card__button,.opk-collection-shield-card .opk-collection-shield-card__button svg path{transition:none}}.opk-section-collection-list .row{max-width:1960px;margin:0 auto}@media screen and (min-width:1024px){.opk-section-collection-list .section-header{padding:0 30px 40px}}@media screen and (max-width:1023px){.opk-section-collection-list .section-header{padding:0 20px 32px}}.opk-section-collection-list .opk-section-header .flex-wrapper{width:100%}@media screen and (min-width:1024px){.opk-section-collection-list .opk-section-header .flex-wrapper{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:60px}}@media screen and (max-width:1023px){.opk-section-collection-list .opk-section-header .flex-wrapper{flex-direction:column;align-items:center;gap:25px}}.opk-section-collection-list .opk-section-header .section-header--content{width:100%}.opk-section-collection-list .opk-section-header .section-header--title{flex-shrink:0;letter-spacing:0}@media screen and (min-width:1024px){.opk-section-collection-list .opk-section-header .section-header--title{font-size:48px;line-height:48px}}@media screen and (max-width:1023px){.opk-section-collection-list .opk-section-header .section-header--title{width:100%;font-size:32px;line-height:36px}}@media screen and (min-width:1024px){.opk-section-collection-list .opk-section-header .section-header--description{max-width:1085px}}@media screen and (max-width:1023px){.opk-section-collection-list .opk-section-header .section-header--description{max-width:100%}}.opk-section-collection-list .opk-section-header .section-header--description>*{margin:0;font-family:OpenSans,sans-serif;font-family:var(--opk-font-main);font-weight:400;font-size:18px;line-height:24px}.opk-section-collection-list .list-collections .columns{padding:0!important}.opk-section-collection-list .collection-grid{display:grid;grid-gap:10px;gap:10px;padding-left:0;padding-right:0}@media screen and (min-width:1360px){.opk-section-collection-list .collection-grid{margin-left:30px;margin-right:30px;grid-template-columns:repeat(var(--var-collection-list-columns),1fr)}}@media(max-width:1359px)and (min-width:1024px){.opk-section-collection-list .collection-grid{margin-left:25px;margin-right:25px;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1023px){.opk-section-collection-list .collection-grid{margin-left:20px;margin-right:20px;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1600px){.opk-section-collection-list .opk-collection-shield-card{aspect-ratio:2/2.6}}@media(max-width:1599px)and (min-width:laptop_l){.opk-section-collection-list .opk-collection-shield-card{aspect-ratio:2/2.85}}@media screen and (min-width:1024px){.opk-section-collection-list .opk-pagination{margin-top:40px}}@media screen and (max-width:1023px){.opk-section-collection-list .opk-pagination{margin-top:25px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/opk-main-list-collections.css.map */