.modal-backdrop:empty{display:block}.modal-backdrop{background-color:rgba(0,0,0,var(--drawer-overlay-opacity, .5))}.drawer{background-color:rgba(var(--color-foreground),var(--drawer-overlay-opacity, .5))}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.drawers--blur .modal-backdrop,.drawers--blur .drawer{-webkit-backdrop-filter:blur(var(--drawer-overlay-blur, 0));backdrop-filter:blur(var(--drawer-overlay-blur, 0))}}@media screen and (min-width:750px){.base-modal.sidebar-right,.base-modal.sidebar-left{width:var(--drawer-width, 470px)}body .drawer__inner{max-width:var(--drawer-width, 518px)}}.base-modal.sidebar-left{box-shadow:2px 0 10px #0000001a}@media screen and (min-width:750px){.drawers--card .base-modal.sidebar-right,.drawers--card .base-modal.sidebar-left{top:16px;bottom:16px;height:auto;border-radius:var(--drawer-card-radius);box-shadow:0 12px 40px #0000002e;overflow:hidden}.drawers--card .base-modal.sidebar-right{right:16px;transform:translate(calc(100% + 16px))}.drawers--card .base-modal.sidebar-left{left:16px;transform:translate(calc(-100% - 16px))}.drawers--card .base-modal__content{max-height:none}.drawers--card .drawer{padding:16px}.drawers--card .drawer__inner{height:100%;border-radius:var(--drawer-card-radius);border:.1rem solid rgba(var(--color-foreground),.2);box-shadow:0 12px 40px #0000002e;transform:translate(calc(100% + 16px))}.drawers--card .drawer.active .drawer__inner{transform:translate(0)}}.drawers--left .drawer{justify-content:flex-start}.drawers--left .drawer__inner{transform:translate(-100%);border-left:0;border-right:.1rem solid rgba(var(--color-foreground),.2)}.drawers--left .drawer.active .drawer__inner{transform:translate(0)}@media screen and (min-width:750px){.drawers--card.drawers--left .drawer__inner{transform:translate(calc(-100% - 16px))}.drawers--card.drawers--left .drawer.active .drawer__inner{transform:translate(0)}}.base-modal.color-accent-1 .button--primary,.base-modal.color-accent-2 .button--primary,.base-modal.color-accent-3 .button--primary,.base-modal.color-background-1 .button--primary,.base-modal.color-background-2 .button--primary,.base-modal.color-background-3 .button--primary{--background-color-button: var(--color-foreground);--color-button-text: var(--color-background)}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-drawers.css.map */