.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;margin: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){color:var(--bdr-color--general)}.navigation--layout-button:hover[data-active=false]{transition:.25s color ease-in;cursor:pointer}.navigation--layout-button>*{pointer-events:none}.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--button:hover{cursor:pointer}.navigation--results{display:flex;align-items:center}.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):hover{cursor:pointer}.navigation--active-tag:not(:last-child) .icon--root{display:none;padding-left:4px;height:8px}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:not(:last-child) .icon--root{display:block}.navigation--active-tag:not(:last-child)>*{pointer-events:none}.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--active-clear[data-item]:hover{cursor:pointer}.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;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)}