.base-layer{height:100vh;left:0;pointer-events:none;position:fixed;text-align:left;top:0;width:100vw;z-index:1000}.base-layer.--open{pointer-events:all}.base-layer.--open .base-layer__bg{background:#00000080}.base-layer.--open .base-layer__content{transform:translate(0) translateZ(0)}.base-layer__bg{background:transparent;border:none;cursor:pointer;inset:0;padding:0;position:absolute;transition:background .2s ease-in-out}.base-layer__content{background:#fff;height:100%;max-width:50vw;overflow-y:auto;padding:2rem;position:absolute;right:0;top:0;transform:translate(100%) translateZ(0);transition:transform .2s ease-in-out;width:100%}@media (min-width:768px){.base-layer__content{padding:4rem}}@media (min-width:1200px){.base-layer__content{padding:6rem 8rem}}@media (min-width:1560px){.base-layer__content{padding:6rem 16rem}}.base-layer__header{margin-bottom:4rem;text-align:center}.base-layer__close{background:transparent;border:0;border-radius:0;cursor:pointer;display:block;left:1rem;padding:0;position:absolute;top:1rem;width:2rem}@media (min-width:768px){.base-layer__close{left:2rem;top:2rem;width:3rem}}.base-layer__close svg{display:block;height:auto;width:100%}.base-layer__skeleton{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0}.base-layer__skeleton-line{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:.4rem;height:1.6rem}.base-layer__skeleton-line.--long{width:100%}.base-layer__skeleton-line.--medium{width:70%}.base-layer__skeleton-line.--short{width:40%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}