.atomberg-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;visibility:hidden}.atomberg-sheet[data-open]{pointer-events:auto;visibility:visible}.atomberg-sheet__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease}.atomberg-sheet[data-open] .atomberg-sheet__overlay{opacity:1}.atomberg-sheet__panel{position:absolute;background:var(--atomberg-color-surface);display:flex;flex-direction:column;box-shadow:0 0 24px #0000001f;overflow:hidden;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.atomberg-sheet--side .atomberg-sheet__panel,.atomberg-sheet--auto .atomberg-sheet__panel{top:0;right:0;bottom:0;width:100%;max-width:var(--atomberg-sheet-width, 480px);transform:translate(100%)}.atomberg-sheet--side[data-open] .atomberg-sheet__panel,.atomberg-sheet--auto[data-open] .atomberg-sheet__panel{transform:translate(0)}.atomberg-sheet--bottom .atomberg-sheet__panel{left:0;right:0;bottom:0;width:100%;max-height:85vh;border-radius:16px 16px 0 0;transform:translateY(100%)}.atomberg-sheet--bottom[data-open] .atomberg-sheet__panel{transform:translateY(0)}@media screen and (max-width:749px){.atomberg-sheet--auto .atomberg-sheet__panel{top:auto;right:0;bottom:0;left:0;width:100%;max-width:100%;height:85vh;border-radius:16px 16px 0 0;transform:translateY(100%)}.atomberg-sheet--auto[data-open] .atomberg-sheet__panel{transform:translateY(0)}}.atomberg-sheet--center .atomberg-sheet__panel{top:50%;left:50%;right:auto;bottom:auto;width:calc(100% - 2rem);max-width:var(--atomberg-sheet-width, 420px);max-height:90vh;border-radius:16px;transform:translate(-50%,-50%) scale(.95);opacity:0;transition:transform .25s cubic-bezier(.25,.46,.45,.94),opacity .25s ease}.atomberg-sheet--center[data-open] .atomberg-sheet__panel{transform:translate(-50%,-50%) scale(1);opacity:1}.atomberg-sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.atomberg-sheet__heading{display:flex;flex-direction:column;gap:4px;min-width:0}.atomberg-sheet__title{margin:0;font-family:var(--sheet-title-font, var(--atomberg-font-body));font-size:var(--sheet-title-size, 1.5rem);font-weight:var(--sheet-title-weight, 500);line-height:var(--sheet-title-leading, 2rem);color:var(--sheet-title-color, var(--atomberg-color-text-primary))}@media screen and (min-width:750px){.atomberg-sheet__title{font-family:var( --sheet-title-font-desktop, var(--sheet-title-font, var(--atomberg-font-body)) );font-size:var(--sheet-title-size-desktop, var(--sheet-title-size, 1.5rem));font-weight:var(--sheet-title-weight-desktop, var(--sheet-title-weight, 500));line-height:var(--sheet-title-leading-desktop, var(--sheet-title-leading, 2rem))}}.atomberg-sheet__subtitle{margin:0;font-family:var(--sheet-subtitle-font, var(--atomberg-font-body));font-size:var(--sheet-subtitle-size, 1rem);font-weight:var(--sheet-subtitle-weight, 400);line-height:var(--sheet-subtitle-leading, 1.5rem);color:var(--sheet-subtitle-color, var(--atomberg-color-text-primary))}.atomberg-sheet__close{background:none;border:none;padding:4px;margin:-4px;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.atomberg-sheet__close:hover{opacity:.7}.atomberg-sheet__body{flex:1;overflow-y:auto;padding:var(--sheet-body-padding, 1.25rem 1.5rem 2rem);font-family:var(--sheet-body-font, inherit);font-size:var(--sheet-body-size, inherit);font-weight:var(--sheet-body-weight, inherit);line-height:var(--sheet-body-leading, inherit)}@media screen and (min-width:750px){.atomberg-sheet__body{padding:var(--sheet-body-padding-desktop, var(--sheet-body-padding, 1.25rem 1.5rem 2rem));font-family:var(--sheet-body-font-desktop, var(--sheet-body-font, inherit));font-size:var(--sheet-body-size-desktop, var(--sheet-body-size, inherit));font-weight:var(--sheet-body-weight-desktop, var(--sheet-body-weight, inherit));line-height:var(--sheet-body-leading-desktop, var(--sheet-body-leading, inherit))}}.atomberg-sheet__header{min-height:var(--sheet-header-height, auto)}@media screen and (min-width:750px){.atomberg-sheet__header{min-height:var(--sheet-header-height-desktop, var(--sheet-header-height, auto))}}html[data-atomberg-sheet-lock]{overflow:hidden;scrollbar-gutter:stable}html[data-atomberg-sheet-lock] #atomberg-stt,html[data-atomberg-sheet-lock] .atomberg-stt,html[data-atomberg-sheet-lock] .atomberg-fab-container{opacity:0!important;pointer-events:none!important}
/*# sourceMappingURL=/cdn/shop/t/1/assets/atomberg-sheet.css.map */