.modal{--background-color: var(--color-background);--nav-item-color: var(--color-text);--nav-item-hover-color: var(--color-text-hover);--icon-fill: var(--color-text);--icon-fill-hover: var(--color-text-hover);--border-color: var(--color-border);position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:var(--page-width-margin);color:var(--color-text)}@media (max-width: 767px){.modal--full{padding:0}}.modal__container{position:relative;width:100%;max-width:35rem;border-radius:1rem;padding:var(--spacing-xl) var(--spacing-lg);background:var(--background-color);border:.1rem solid var(--border-color)}@media (min-width: 768px){.modal__container{padding:var(--spacing-xxl) var(--spacing-xl);max-width:61.5rem}}.modal__title-bar{border-bottom:.1rem solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding-bottom:.6rem}.modal__title-bar.no-border{border-bottom:none}.modal__icon{width:3rem;min-width:3rem}.modal__icon .icon-sand svg,.modal__icon .icon-sand path{fill:var(--icon-fill)}.modal__title-text{padding:0 var(--gutter);width:100%;font-size:2.4rem;margin:0;text-align:center}.modal__title-text.left{text-align:left;padding-left:0}.modal__close{width:3rem;min-width:3rem;display:flex;justify-content:flex-end;align-items:center;position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.modal__close svg{width:3rem}.modal__content{max-height:80vh;overflow-y:auto;width:calc(100% + 1rem);padding-right:1rem;margin:var(--gutter) auto 0;padding-bottom:.5rem}@media (max-width: 991px){.modal__content::-webkit-scrollbar{display:none}}.modal__content .narrow-content{max-width:40rem;margin:0 auto}.modal--cart{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:var(--page-width-margin);color:var(--color-text)}.modal--cart__container{position:relative;width:100%;max-width:35rem;border-radius:1rem;padding:var(--spacing-md)}@media (min-width: 768px){.modal--cart__container{padding:var(--spacing-md);max-width:61.5rem}}.modal--quick-add{position:absolute;padding:0;bottom:0;left:0;z-index:999999;width:100%;height:auto;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;color:var(--color-text);border-top:1px solid var(--color-text);transform:translateY(100%);transition:.3s}.modal--quick-add-active{transform:translateY(0)}.modal--quick-add__container{padding:var(--spacing-lg) var(--spacing-sm);max-width:100%;width:100%;height:100%;border-radius:0;position:relative;background:var(--color-background);overflow-y:auto}.modal--quick-add__container .modal__content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modal--quick-add__close{width:3rem;min-width:3rem;display:flex;justify-content:flex-end;align-items:center;position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.modal--quick-add__close svg{width:3rem}.modal--quick-add__content{display:flex;gap:var(--spacing-sm)}.modal--quick-add__content--image{flex:0 0 25%}.modal--quick-add__content--info{display:flex;flex:1 1 auto;margin:0;flex-direction:column;gap:var(--spacing-xxs)}.modal--quick-add__image{height:100%}.modal--quick-add__image img{height:100%;-o-object-fit:cover;object-fit:cover}.modal--quick-add__title,.modal--quick-add__description{margin:0}.modal--quick-add .form button{display:flex;width:100%;justify-content:space-between}.modal--search,.modal--search-dropdown{padding:var(--spacing-md) var(--page-width-margin-mobile);justify-content:center}@media (min-width: 768px){.modal--search,.modal--search-dropdown{padding:var(--spacing-sm);justify-content:flex-end}}.modal--search__container,.modal--search-dropdown__container{max-width:44rem;height:100%;padding:var(--spacing-sm);overflow-y:auto;overflow-x:hidden}@media (min-width: 768px){.modal--search__container,.modal--search-dropdown__container{padding:var(--spacing-md)}}.modal--search__container::-webkit-scrollbar,.modal--search-dropdown__container::-webkit-scrollbar{display:none}.modal--search__container::-webkit-scrollbar-thumb,.modal--search-dropdown__container::-webkit-scrollbar-thumb{display:none}.modal--search__title-bar,.modal--search-dropdown__title-bar{position:sticky}.modal--search__close,.modal--search-dropdown__close{position:static}.modal--search__title-text,.modal--search-dropdown__title-text{margin:0}.modal--search__content,.modal--search-dropdown__content{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:0}.modal--search__header,.modal--search-dropdown__header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.modal--search__search-bar,.modal--search-dropdown__search-bar{margin:0;flex:1 1 auto;width:100%;--border-color: var(--color-border)}.modal--search__search-bar .search-component__form,.modal--search-dropdown__search-bar .search-component__form{padding:0}.modal--search__search-bar__input,.modal--search-dropdown__search-bar__input{padding:calc(var(--spacing-sm) * .75) var(--spacing-sm);border-radius:var(--border-radius-elements);border:none;background:var(--color-light);font-size:1.8rem;line-height:150%;margin-bottom:0}.modal--search__search-bar__input::-moz-placeholder,.modal--search-dropdown__search-bar__input::-moz-placeholder{color:var(--color-dark);font-size:1.8rem;line-height:150%}.modal--search__search-bar__input::placeholder,.modal--search-dropdown__search-bar__input::placeholder{color:var(--color-dark);font-size:1.8rem;line-height:150%}.modal--search__search-bar__input:active,.modal--search__search-bar__input:focus-visible,.modal--search__search-bar__input:focus-within,.modal--search__search-bar__input:focus,.modal--search-dropdown__search-bar__input:active,.modal--search-dropdown__search-bar__input:focus-visible,.modal--search-dropdown__search-bar__input:focus-within,.modal--search-dropdown__search-bar__input:focus{border-color:var(--border-color);-o-border-image:var(--border-color) 1;border-image:var(--border-color) 1;outline:none}.modal--search-dropdown{position:fixed;top:150px;background:none;justify-content:flex-start;align-items:flex-start}@media (max-width: 991px){.modal--search-dropdown{left:0!important}}.modal--search-dropdown__container{max-height:80vh;overflow-y:scroll}