.sheet{position:fixed;top:4.8rem;right:0;bottom:0;left:0;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:transform var(--motion-duration) ease}.sheet--hug{top:auto;max-height:calc(100% - 4.8rem)}.sheet::backdrop{background-color:rgba(var(--color-shadow),var(--opacity-overlay))}.sheet[open]{display:flex;animation:sheetIn var(--motion-duration) ease}@keyframes sheetIn{0%{transform:translateY(100%)}}.sheet__inner{position:relative;display:flex;flex-direction:column;width:100%;min-height:0;overflow:hidden}.sheet .sheet__handle{display:block;flex-shrink:0;padding-top:.8rem;touch-action:none}.sheet__handle:before{content:"";display:block;width:3.6rem;height:.4rem;margin:0 auto;border-radius:.2rem;background-color:rgb(var(--color-border-default))}.sheet__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:1.6rem;min-height:7.6rem;padding:1.6rem .4rem 1.6rem 1.2rem;border-bottom:.1rem solid rgb(var(--color-border-default))}.sheet__heading{margin:0;font-size:var(--type-heading-m-size);line-height:var(--type-heading-m-line-height);letter-spacing:var(--type-heading-m-letter-spacing);font-weight:var(--font-weight-medium)}.sheet__close{--icon-size: var(--size-icon-l);display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--icon-button-size);height:var(--icon-button-size);padding:0;border:0;background:none;color:inherit;cursor:pointer}.sheet__close:focus-visible{outline:var(--focused-base-outline);outline-offset:calc(var(--focused-base-outline-offset) * -1)}.sheet__main{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.sheet__footer{display:flex;flex-shrink:0;align-items:center;gap:1.6rem;padding:1.6rem 1.2rem;border-top:.1rem solid rgb(var(--color-border-default))}@media screen and (min-width:990px){.sheet{inset:0 0 0 auto;width:48rem;max-height:none;border-radius:0}.sheet[open]{animation-name:sheetInRight}.sheet .sheet__handle{display:none}.sheet__header{padding:1.6rem 1.4rem 1.6rem 2.4rem}.sheet__footer{padding:1.6rem 2.4rem}@keyframes sheetInRight{0%{transform:translate(100%)}}}@media(prefers-reduced-motion:reduce){.sheet[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/component-sheet.css.map */