.ToastViewport{--viewport-padding: calc(var(--fs) * 2);position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:var(--viewport-padding);gap:calc(var(--fs) * 2);width:390px;max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none}.ToastRoot{background-color:#96969640;border-radius:calc(var(--fs) * 1);box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;padding:15px;display:grid;grid-template-areas:"title action" "description action";grid-template-columns:auto max-content;column-gap:15px;align-items:center;backdrop-filter:blur(1vw);-webkit-backdrop-filter:blur(1vw)}.ToastRoot[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.ToastRoot[data-state=closed]{animation:hide .1s ease-in}.ToastRoot[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.ToastRoot[data-swipe=end]{animation:swipeOut .1s ease-out}.ToastAction{grid-area:action;color:#fff!important;font-family:Rubik;font-size:calc(var(--fs) * 1.125);font-style:normal;font-weight:500;line-height:normal;border-radius:calc(var(--fs) * .58213);box-shadow:0 0 2px #da5e2d00;text-transform:uppercase;display:flex;align-items:center;justify-content:center;padding:calc(var(--fs) * .69) calc(var(--fs) * 1);transition:box-shadow .5s ease-in-out,scale .25s ease-out;justify-self:var(--alignSelf);width:fit-content!important;user-select:none;-webkit-user-select:none;background:linear-gradient(90deg,#db5f2e,#ff8251)}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes swipeOut{to{transform:translate(calc(100% + var(--viewport-padding)))}}.ToastTitle{grid-area:title;color:#fff!important;font-family:Rubik;font-size:calc(var(--fs) * 1.35);font-style:normal;font-weight:500;line-height:normal;border-radius:calc(var(--fs) * .58213);margin-bottom:calc(var(--fs) * 1)}.ToastDescription{grid-area:description;color:#fff!important;font-family:Rubik;font-size:calc(var(--fs) * 1.15);font-style:normal;font-weight:300;line-height:normal;text-transform:capitalize}.Button{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-weight:500;user-select:none}.Button.small{font-size:12px;padding:0 10px;line-height:25px;height:25px}.Button.large{font-size:15px;padding:0 15px;line-height:35px;height:35px}.Button.violet{color:var(--violet-11);box-shadow:0 2px 10px var(--black-a7)}.Button.violet:focus{box-shadow:0 0 0 2px #000}.Button.green{background-color:var(--green-2);color:var(--green-11);box-shadow:inset 0 0 0 1px var(--green-7)}.Button.green:focus{box-shadow:0 0 0 2px var(--green-8)}@media(orientation:portrait){.ToastViewport{--viewport-padding: calc(var(--fs) * 1);padding:var(--viewport-padding);gap:calc(var(--fs) * 1);width:90%;max-width:600px;z-index:2147483647}.ToastRoot{background-color:#96969640;border-radius:calc(var(--fs) * .5);padding:calc(var(--fs));display:grid;grid-template-areas:"title action" "description action";grid-template-columns:auto max-content;column-gap:calc(var(--fs) * .25);align-items:center;backdrop-filter:blur(1vw);-webkit-backdrop-filter:blur(1vw)}.ToastTitle{grid-area:title;color:#fff!important;font-family:Rubik;font-size:calc(var(--fs) * .875);margin-bottom:calc(var(--fs) * .5)}.ToastDescription{grid-area:description;font-size:calc(var(--fs) * .75)}.ToastAction{grid-area:action;font-size:calc(var(--fs) * .75);border-radius:calc(var(--fs) * .35);padding:calc(var(--fs) * .5) calc(var(--fs) * .85)}}::-webkit-scrollbar{height:1vw}.selector{display:flex;justify-content:space-between;margin-top:calc(var(--fs) * 4.8);width:100vw;margin-right:calc(var(--hor-padding) * -1);margin-left:calc(var(--hor-padding) * -1);padding-right:calc(var(--hor-padding) * 3.65);padding-left:calc(var(--hor-padding) * 3.65);margin-bottom:calc(var(--fs) * 5)}.selector form{width:calc(var(--fs) * 20);height:calc(var(--fs) * 4.5);display:none!important;opacity:0!important;visibility:hidden!important}.selector form input{background:none;width:100%;height:100%;color:#fff;font-family:Rubik;font-size:var(--fs);font-style:normal;font-weight:500;line-height:normal;padding:0 5% 0 10%}.selector form #submit{width:calc(var(--fs) * 4);height:calc(var(--fs) * 3.25);margin-right:2.5%}.selector form #submit img{width:100%;height:100%}.selector nav{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:calc(var(--fs) * 1.5);overflow-x:auto;overflow-y:hidden;padding-bottom:calc(var(--fs))}.selector nav .category{color:var(--orange);font-family:Rubik;font-size:calc(var(--fs) * 1.125);font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;display:flex;justify-content:center;align-items:center;text-align:center;height:calc(var(--fs) * 4.5);padding:0 calc(var(--fs) * 3);border-radius:calc(var(--fs) * .5);border:1px solid rgba(255,130,81,.24);white-space:nowrap;transition:color .15s ease-out,background-color .15s ease-out;user-select:none;-webkit-user-select:none;cursor:pointer}.selector nav .category:hover{background-color:#ff82513d;color:#ffffffda}.selector nav .category.active{background-color:var(--orange);color:#000}@media(orientation:portrait){.selector{display:flex;flex-direction:column;justify-content:space-between;margin:0;margin-top:calc(var(--fs) * 2);padding:0;margin-bottom:calc(var(--fs) * 2.5)}.selector form{width:calc(var(--fs) * 13.4);height:calc(var(--fs) * 2.25);padding:0 var(--hor-padding)}.selector form input{font-size:calc(var(--fs) * .575);padding:0 2.5% 0 5%}.selector form #submit{width:calc(var(--fs) * 2.1);height:calc(var(--fs) * 1.65);margin-right:3%}.selector form #submit img{width:100%;height:100%}.selector nav{display:grid;grid-template-columns:1fr repeat(5,max-content);justify-content:space-between;gap:calc(var(--fs) * .65);overflow-x:auto;padding-right:var(--hor-padding);padding-left:var(--hor-padding)}.selector nav .category{font-size:calc(var(--fs) * .56);height:calc(var(--fs) * 2.35);padding:0 calc(var(--fs) * .65);border-radius:calc(var(--fs) * .5);border:1px solid rgba(255,130,81,.24);white-space:nowrap}}
