.variants-drawer__trigger{position:relative;display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.75rem;text-align:left;font-family:AirportMono,monospace;font-size:1.2rem;text-transform:uppercase;line-height:1.25}.variants-drawer__trigger:hover{opacity:.5}.variants-drawer-outer{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;display:flex;justify-content:flex-end;transition:visibility var(--duration-default) ease}.variants-drawer-outer.active{visibility:visible}.variants-drawer__inner{display:flex;height:100%;width:40rem;max-width:calc(100vw - 3rem);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;overflow:auto;background-color:rgb(var(--color-beige));padding-left:1.6rem;padding-right:1.6rem;padding-top:1rem}@media (min-width: 750px){.variants-drawer__inner{padding-top:0}}.variants-drawer__inner{transition:transform var(--duration-default) ease}.variants-drawer:after{content:"";position:absolute;bottom:0;width:100%;height:3rem;background:linear-gradient(rgba(255,255,255,.001),white)}.variants-drawer__inner-empty{height:100%;padding:0 1.5rem;background-color:rgb(var(--color-background));overflow:hidden;display:flex;flex-direction:column}.variants-drawer__warnings{display:flex;flex-direction:column;flex:1;justify-content:center}.variants-drawer-outer.active .variants-drawer__inner{transform:translate(0)}.variants-drawer__header{position:sticky;top:0;z-index:10;margin-bottom:4rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;padding-bottom:.75rem}.variants-drawer__heading{margin:0 0 1rem}.variants-drawer__close{margin-left:auto;align-self:flex-end;font-family:AirportMono,monospace;display:inline-block;padding:0;min-width:3.2rem;min-height:3.2rem;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer}.variants-drawer__warnings .variants-drawer__close{right:5px}.variants-drawer__close svg{height:2.4rem;width:2.4rem}.variants-drawer__contents{flex-grow:1;display:flex;flex-direction:column}.variants-drawer__footer{background-color:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.2);padding:1.5rem 0}variants-drawer{position:fixed;top:0;left:0;width:100vw;height:100%}.variants-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}.variants-drawer__overlay:empty{display:block}.variants-drawer__form{flex-grow:1;display:flex;flex-wrap:wrap}.variants-drawer-items{display:flex;flex-grow:1;flex-direction:column;padding-bottom:2rem}@media screen and (max-height: 650px){.variants-drawer__inner{overflow:scroll}}.variants-drawer__footer>*+*{margin-top:1rem}.variants-drawer details[open]>summary .icon-caret{transform:rotate(180deg)}.variants-drawer__tabs{display:flex;flex-direction:row;gap:2.5rem}.variants-drawer__tab{position:relative;padding-top:.75rem;padding-bottom:.75rem;font-family:AirportMono,monospace;text-transform:uppercase}.variants-drawer__tab:not([aria-pressed=true]){opacity:.5}.variants-drawer__tab:not([aria-pressed=true]):hover{opacity:.75}.variants-drawer__tab:not([aria-pressed=true]):active{opacity:.75}.variants-drawer__tab:before{position:absolute;left:50%;top:100%}.variants-drawer__tab[aria-pressed=true]:after{transform:scaleX(1)}.variants-drawer__tab-panel{display:flex;flex-grow:1;flex-direction:column;gap:3rem;overflow:visible}.variants-drawer__tab-panel[aria-hidden=true]{display:none}