.dialog-modal{border:none;box-shadow:var(--shadow-popover)}@media screen and (min-width:750px){.dialog-modal{border-radius:var(--style-border-radius-popover);max-width:var(--normal-content-width)}}@media screen and (max-width:749px){.dialog-modal{max-width:100%;max-height:100%;height:100dvh;width:100dvw;padding:var(--padding-md)}}.dialog-modal::backdrop{transition:backdrop-filter var(--animation-speed) var(--animation-easing);-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity))}.dialog-modal[open]{animation:elementSlideInTop var(--animation-speed) var(--animation-easing) forwards}.dialog-modal[open]::backdrop{animation:backdropFilter var(--animation-speed) var(--animation-easing) forwards;transition:opacity var(--animation-speed) var(--animation-easing)}.dialog-modal.dialog-closing{animation:elementSlideOutTop var(--animation-speed) var(--animation-easing) forwards}.dialog-modal.dialog-closing::backdrop{opacity:0}.dialog-drawer{--dialog-drawer-opening-animation: slideInLeft;--dialog-drawer-closing-animation: slideOutLeft }.dialog-drawer--right{--dialog-drawer-opening-animation: slideInRight;--dialog-drawer-closing-animation: slideOutRight }.dialog-drawer[open]{animation:var(--dialog-drawer-opening-animation) var(--animation-speed) var(--animation-easing) forwards}.dialog-drawer.dialog-closing{animation:var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing)}.button,.button-secondary,button.shopify-payment-button__button--unbranded{--text-align: center;display:grid;align-content:center;text-decoration:none;text-align:var(--text-align);color:var(--button-color);-webkit-appearance:none;appearance:none;background-color:var(--button-background-color);border:none;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);margin-block:0;transition:color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing);cursor:pointer;width:fit-content;box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color);padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline)}.button{font-family:var(--button-font-family-primary);text-transform:var(--button-text-case-primary);border-radius:var(--style-border-radius-buttons-primary)}.button:not(.button-secondary,.button-unstyled){outline-color:var(--button-background-color)}.button-secondary{font-family:var(--button-font-family-secondary);text-transform:var(--button-text-case-secondary);border-radius:var(--style-border-radius-buttons-secondary)}button.shopify-payment-button__button--unbranded{font-family:var(--button-font-family-primary);text-transform:var(--button-text-case-primary)}textarea,input{background-color:var(--color-input-background);border-color:var(--color-input-border)}textarea::placeholder,input::placeholder{color:var(--color-input-text)}textarea:not(:placeholder-shown)::placeholder,input:not(:placeholder-shown)::placeholder{opacity:0}.button[hidden]{display:none}.button[aria-disabled=true],.button-secondary[aria-disabled=true],.button:disabled{opacity:.5;cursor:not-allowed}.button,button.shopify-payment-button__button--unbranded{--button-color: var(--color-primary-button-text);--button-background-color: var(--color-primary-button-background);--button-border-color: var(--color-primary-button-border);--button-border-width: var(--style-border-width-primary) }.button:hover,button.shopify-payment-button__button--unbranded:hover:not([disabled]){--button-color: var(--color-primary-button-hover-text);--button-background-color: var(--color-primary-button-hover-background);--button-border-color: var(--color-primary-button-hover-border) }.button-secondary{--button-color: var(--color-secondary-button-text);--button-background-color: var(--color-secondary-button-background);--button-border-color: var(--color-secondary-button-border);--button-border-width: var(--style-border-width-secondary) }.button-secondary:hover{--button-color: var(--color-secondary-button-hover-text);--button-background-color: var(--color-secondary-button-hover-background);--button-border-color: var(--color-secondary-button-hover-border) }button.shopify-payment-button__button--unbranded:hover:not([disabled]){background-color:var(--button-background-color)}.button-unstyled{display:block;padding:0;background-color:inherit;color:inherit;border:0;border-radius:0;overflow:hidden;box-shadow:none;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-size:var(--font-paragraph--size)}.button-unstyled:hover{background-color:inherit}.button-unstyled--with-icon{color:var(--color-foreground);display:flex;gap:var(--gap-2xs);align-items:center}.button-unstyled--transparent{background-color:#fff0;box-shadow:none}.show-more__button{color:var(--color-primary);cursor:pointer}@media screen and (min-width:750px){.show-more__button:hover{color:var(--color-primary-hover)}}.show-more__label{text-align:start;font-size:var(--font-size--body-md);font-family:var(--font-paragraph--family)}.show-more__button .svg-wrapper{width:var(--icon-size-xs);height:var(--icon-size-xs)}.show-more[data-expanded=true] .show-more__label--more,.show-more[data-expanded=false] .show-more__label--less{display:none}.link{display:inline-block;text-align:center}.drawer{background-color:var(--color-background);position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:var(--layer-raised);transform:translate(-120%);transition:transform var(--animation-speed) var(--animation-easing)}.drawer[data-open=true]{transform:translate(0)}.drawer-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--drawer-header-block-padding) var(--drawer-inline-padding)}.drawer__title{font-size:var(--font-h2--size);margin:0}.drawer__close{width:var(--minimum-touch-target);height:var(--minimum-touch-target)}.drawer__content{display:block;padding:var(--drawer-content-block-padding) var(--drawer-inline-padding);width:100%}.background-overlay{position:relative}.background-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-overlay-color, rgb(0 0 0 / 15%))}
/*# sourceMappingURL=/cdn/shop/t/60/assets/components-modal-drawer.css.map */