.cy-modal{--modal-viewport-inset: calc(var(--space-4) * 2);--modal-header-block-size: calc(var(--touch-target-min) + (var(--space-4) * 2));box-sizing:border-box;max-height:calc(100dvh - var(--modal-viewport-inset));padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--modal-radius);color:var(--color-text-primary);background:var(--color-surface-raised);box-shadow:var(--shadow-3)}.cy-modal::backdrop{background:var(--color-overlay)}.cy-modal__header{box-sizing:border-box;display:flex;min-height:var(--modal-header-block-size);align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--modal-padding);border-block-end:1px solid var(--color-border);background:var(--color-canvas-subtle)}.cy-modal__header h2{margin:0}.cy-modal__header .cy-modal__close{display:grid;flex:0 0 auto;place-items:center;width:var(--touch-target-min);height:var(--touch-target-min);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-circle);color:var(--color-text-body);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.cy-modal__header .cy-modal__close:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.cy-modal__header .cy-modal__close:focus-visible{outline:none;box-shadow:var(--focus-ring-field)}.cy-modal__header .cy-modal__close svg{width:var(--space-5);height:var(--space-5)}.cy-modal__scroll{max-height:inherit;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-text-muted) var(--color-canvas-subtle)}.cy-modal__scroll::-webkit-scrollbar{width:var(--space-2);height:var(--space-2)}.cy-modal__scroll::-webkit-scrollbar-track{background:var(--color-canvas-subtle)}.cy-modal__scroll::-webkit-scrollbar-thumb{border:var(--space-1) solid transparent;border-radius:var(--radius-pill);background:var(--color-text-muted);background-clip:content-box}.cy-modal__scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-primary);background-clip:content-box}.cy-modal--with-header .cy-modal__scroll{max-height:calc(100dvh - var(--modal-viewport-inset) - var(--modal-header-block-size))}@media(max-width:760px){.cy-modal{--modal-viewport-inset: calc(var(--space-2) * 2)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-modal.css.map */