.navigation--active-tag:not(:last-child)>*,.navigation--layout-button>*{pointer-events:none}.navigation--active-clear[data-item]:hover,.navigation--active-tag:not(:last-child):hover,.navigation--button:hover{cursor:pointer}.navigation--root{padding:0 var(--spacing--section--x)}@media only screen and (max-width:767px){.navigation--root{padding:0 var(--spacing--section--mobile--x)}}.navigation--root[data-show-navigation=false]{padding:0}@media only screen and (min-width:768px){.navigation--container{display:flex;justify-content:space-between;padding:var(--spacing--section--y) 0 0}}.navigation--layout{display:flex;margin-left:auto}.navigation--layout-button{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border:1px solid var(--bdr-color--general)}.navigation--layout-button:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px;border-right:0;padding-left:var(--spacing--1)}.navigation--layout-button:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px;border-left:0;padding-right:var(--spacing--1)}.navigation--layout-button[data-active=false]:not(:hover) svg{color:var(--bdr-color--general)}.navigation--layout-button[data-active=false]:not(:hover) svg>path{fill:var(--bdr-color--general)}.navigation--layout-button:hover[data-active=false]{transition:color .25s ease-in;cursor:pointer}.navigation--filter[data-item]{display:flex;align-items:center;height:40px;padding:0 3px;border:1px solid var(--bdr-color--general);border-radius:20px;flex-basis:initial}.navigation--button{height:var(--spacing--block);line-height:calc(var(--spacing--block) + 1px);padding:0 var(--spacing--2);border-radius:var(--spacing--item);-webkit-user-select:none;-moz-user-select:none;user-select:none}.navigation--results{display:flex;align-items:center;padding-left:var(--spacing--item)}.navigation--tags-container{padding-top:var(--spacing--item);display:flex;flex-wrap:wrap;align-items:center}.navigation--active-tags[data-item]{flex-basis:initial;display:flex;flex-wrap:wrap;align-items:center}.navigation--active-tag:not(:last-child){display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2px var(--spacing--1) 2px var(--spacing--2);width:-moz-fit-content;width:fit-content;border-radius:var(--spacing--item);transition:background-color .4s var(--transition--ease-out);background-color:var(--bg-color--panel);margin:3px 8px 3px 0}.navigation--active-tag:not(:last-child) .icon--root{padding-left:4px;height:8px;display:block}input:checked+.navigation--active-tag:not(:last-child){background-color:var(--bg-color--panel)}input:checked+.navigation--active-tag:not(:last-child) .icon--root{display:block}@media only screen and (max-width:767px){.navigation--active-tag:not(:last-child){margin:var(--spacing--0) var(--spacing--2) var(--spacing--0) 0}}.navigation--active-tag--swatch[data-item=swatch]{height:16px;width:16px;min-width:16px;margin:0 var(--spacing--0) 0 var(--spacing--neg-0)}.navigation--active-clear[data-item]{flex-basis:initial;padding:0 0 var(--spacing--0) var(--spacing--1)}.navigation--mobile-header[data-container]{flex-wrap:unset}.navigation--mobile-header[data-container]:empty{display:none}@media only screen and (max-width:767px){.navigation--mobile-header[data-container]{display:flex;justify-content:space-between;flex-direction:row;padding:var(--spacing--section--mobile--y) 0 0}}.navigation--mobile-button{height:var(--spacing--block);line-height:14px;flex-basis:initial;padding:var(--spacing--1) var(--spacing--item);border:1px solid var(--bdr-color--general);border-radius:var(--spacing--item)}