.mope-case-nav.container{display:block;box-sizing:border-box;width:100%;max-width:none;margin-top:0;margin-bottom:0;padding-left:var(--mope-nav-side-space, 8px);padding-right:var(--mope-nav-side-space, 8px);padding-top:var(--mope-nav-space-above, 0px);padding-bottom:var(--mope-nav-space-below, 8px);color:#171717}.mope-case-nav *,.mope-case-nav *:before,.mope-case-nav *:after{box-sizing:border-box}.mope-case-nav [hidden]{display:none!important}.mope-case-nav__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mope-nav-gap, 4px);width:100%;margin:0 auto}.mope-case-nav__item{position:relative;min-width:0}.mope-case-nav .mope-case-nav__card{position:relative;display:flex;align-items:center;height:calc(var(--mope-nav-media-height, 88px) + 16px);padding:0;overflow:hidden;border:1px solid #d9d9d9;border-radius:var(--mope-nav-radius, 6px);background:var(--mope-card-bg, #f5f5f5);color:#171717;text-decoration:none;text-align:left;transition:border-color .15s ease,background-color .15s ease}.mope-case-nav .mope-case-nav__card:hover{border-color:#757575}.mope-case-nav .mope-case-nav__card.is-active{border-color:var(--mope-nav-active-border, #202020);background:var(--mope-card-bg-active, #f5f5f5)}.mope-case-nav .mope-case-nav__card.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:calc(var(--mope-nav-active-border-width, 2px) - 1px) solid var(--mope-nav-active-border, #202020);border-radius:inherit;pointer-events:none}.mope-case-nav__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin-bottom:0;overflow:hidden;border-radius:inherit}.mope-case-nav__media img{display:block;width:100%;height:100%;object-fit:var(--mope-nav-image-fit, cover);object-position:left center}.mope-case-nav__media--fallback img{width:46%;padding:5px;object-fit:contain}.mope-case-nav__copy{position:relative;width:53%;margin-left:auto;padding:var(--mope-nav-text-inset, 8px);display:grid;gap:4px}.mope-case-nav__copy--top{align-self:flex-start}.mope-case-nav__copy--middle{align-self:center}.mope-case-nav__copy--bottom{align-self:flex-end}.mope-case-nav__title{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.mope-case-nav__benefit{font-size:10px;font-weight:400;line-height:1.4;color:#555}.mope-case-nav__accessory{margin:6px auto 0;width:100%}.mope-case-nav .mope-case-nav__accessory a{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:32px;width:100%;padding:6px 9px;border:1px solid #d9d9d9;border-radius:var(--mope-nav-radius, 6px);background:transparent;color:#555;font-size:11px;line-height:1.45;text-decoration:none}.mope-case-nav .mope-case-nav__accessory a:hover{border-color:#888}.mope-case-nav__accessory a>span:first-of-type{flex:1}.mope-case-nav__accessory a[aria-current=page]{border-color:var(--mope-nav-active-border, #202020)}.mope-case-nav__accessory a:hover span:first-of-type{text-decoration:underline;text-underline-offset:3px}.mope-case-nav__accessory-image{width:26px;height:26px;object-fit:contain;flex-shrink:0}.mope-case-nav__notice,.mope-case-nav__editor-note{max-width:660px;margin:8px auto 0;font-size:12px;line-height:1.5}.mope-case-nav__editor-note{padding:10px;background:#fff6dc;color:#584610}.mope-case-nav a:focus-visible,.mope-case-nav button:focus-visible{outline:2px solid #176659;outline-offset:4px}@media(min-width:750px){.mope-case-nav .mope-case-nav__card{height:calc(var(--mope-nav-media-height, 88px) + 40px)}.mope-case-nav__title{font-size:14px}.mope-case-nav__benefit,.mope-case-nav .mope-case-nav__accessory a{font-size:12px}}body:has(mope-case-navigation[data-compact-spacing=true]) .collection-grid-section{margin-top:0!important;padding-top:0!important}body:has(mope-case-navigation[data-compact-spacing=true]) #main-collection-filters>.collections>.overflow-hidden{padding-top:0!important}body:has(mope-case-navigation[data-compact-spacing=true]) .collection-control{margin-top:0!important;margin-bottom:12px!important}body:has(mope-case-navigation[data-compact-spacing=true]) .collection-control__model-select label{margin-bottom:4px!important}body:has(mope-case-navigation[data-compact-spacing=true]) .collection-control__model-select select,body:has(mope-case-navigation[data-compact-spacing=true]) .collection-control__model-select .select,body:has(mope-case-navigation[data-compact-spacing=true]) .collection-control__sort-by select,body:has(mope-case-navigation[data-compact-spacing=true]) .collection-control__sort-by .select,body:has(mope-case-navigation[data-compact-spacing=true]) .collection-control .collection-filters__item,body:has(mope-case-navigation[data-compact-spacing=true]) .collection-control .collection-filters__field{margin-top:0!important;margin-bottom:0!important}body:has(mope-case-navigation[data-compact-spacing=true]) .collection-control>.row>.mt-15{margin-top:6px!important}body:has(mope-case-navigation[data-compact-spacing=true]) #CollectionProducts{margin-top:0!important;padding-top:0!important}@media(max-width:359px){.mope-case-nav__title{font-size:10px;letter-spacing:.02em}.mope-case-nav__benefit{font-size:10px}}@media(prefers-reduced-motion:reduce){.mope-case-nav .mope-case-nav__card{transition:none}.mope-case-nav__image--gif{visibility:hidden}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/mope-case-navigation.css.map */