.backdrop[data-v-f1f8e545]{background-color:transparent;inset:0;pointer-events:none;position:fixed;transition:background-color .5s ease;z-index:800}.open .backdrop[data-v-f1f8e545]{background-color:#00000073;pointer-events:all}.content[data-v-f1f8e545]{background-color:var(--neutral-color-1);bottom:0;display:flex;height:100%;left:100%;position:fixed;top:0;transform:translate(0);transition:transform .3s ease-out;width:min(100vw,55rem);z-index:900}.content button[data-v-f1f8e545]{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:var(--spacing-5);justify-content:center;padding:0;position:absolute;right:var(--spacing-3);top:var(--spacing-2);width:var(--spacing-5)}.content button span[data-v-f1f8e545]{flex-shrink:0}.open .content[data-v-f1f8e545]{transform:translate(calc(min(100vw,55rem)*-1))}