.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);opacity:0;visibility:hidden;transition:var(--hover-transition)}.modal.open{opacity:1;visibility:visible}.modal__content{background:var(--color-background);border-radius:var(--border-radius-cards);width:800px;max-height:90vh;overflow:auto;position:relative;transition:var(--hover-transition)}.modal__close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:50%;color:var(--color-foreground);transition:var(--hover-transition);z-index:1}.modal__close:hover{background:rgba(var(--color-foreground),.1)}.modal__close svg{width:20px;height:20px}.modal__body{padding:var(--spacing-md)}.modal__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal__title{margin:0;font-size:var(--font-size--xl);font-weight:var(--font-subheading--weight)}@media(max-width:768px){.modal__content{width:calc(100% - var(--spacing-lg));margin:var(--spacing-md)}.modal__header,.modal__body{padding:var(--spacing-md)}}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--color-background);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--border-radius-inputs) var(--border-radius-inputs);box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown);max-height:400px;overflow-y:auto}.search-suggestions[hidden]{display:none!important}.search-suggestion{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);cursor:pointer;transition:var(--hover-transition)}.search-suggestion:hover{background:var(--color-background-secondary)}.search-suggestion:last-child{border-bottom:none}.search-suggestion__title{font-weight:var(--font-subheading--weight);margin-bottom:var(--spacing-xs)}.search-suggestion__price{color:var(--color-foreground);font-size:var(--font-size--sm)}@media(max-width:768px){.search-suggestions{position:fixed;top:var(--spacing-lg);left:var(--spacing-md);right:var(--spacing-md);max-height:calc(100vh - var(--spacing-2xl))}}.quantity-selector{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius-inputs);overflow:hidden}.quantity__button{background:none;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--color-foreground);transition:var(--hover-transition)}.quantity__input{width:50px;text-align:center;border:none;padding:var(--spacing-xs);font-size:var(--font-size--2xs);color:var(--color-foreground);background:transparent}.quantity__input:focus{outline:none}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity__input[type=number]{-moz-appearance:textfield}.cart-icon{position:relative;display:inline-block}.cart-icon__bubble{position:absolute;top:-8px;right:-8px;min-width:16px;height:16px;padding:0 var(--spacing-xs);background:var(--color-primary);color:var(--color-primary-button-text);border-radius:8px;font-size:var(--font-size--2xs);font-weight:var(--font-heading--weight);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:var(--hover-transition)}.cart-icon__bubble.has-items{opacity:1;transform:scale(1)}collapsible-container[expanded]>collapsible-toggle>.toggle-icon{transform:rotate(180deg)}collapsible-container{display:block;width:100%}collapsible-content{transition:all var(--animation-duration) ease;overflow:hidden;display:block;height:0}collapsible-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;text-decoration:none;color:inherit}.toggle-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;transition:transform .2s ease}@media(min-width:769px){.product-card:hover{transform:translateY(-.4rem)}collapsible-container:not([forbidden-desktop])>collapsible-toggle{cursor:pointer}collapsible-container[forbidden-desktop]>collapsible-content{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/components.css.map */
