[id=CancellationPolicy]{.legal{width:min(100%,70ch);padding-inline:1rem;margin-inline:auto;text-align:justify;h2{text-align:center;margin-block-end:1rem}.sub-heading{font-size:var(--fz-1);font-weight:600}p+p{margin-block-start:1rem}}}.hero{display:grid;place-items:center;.pitch{display:flex;flex-direction:column-reverse;align-items:center;align-content:center}figure{margin-block-start:2.25rem;padding-inline:3rem;@container (width >= 768px){padding-inline:0;width:clamp(22rem,18.4rem + 18cqi,40rem)}}h1{font-size:var(--fz-3);@container (width >= 768px){font-size:var(--fz-4)}}figcaption{font-size:var(--fz--1)}.head{width:clamp(200px,160px + 12.5cqi,400px)}}.about-intro{max-width:max-content;margin-inline:auto;p{font-size:var(--fz-1)}p:not(:last-of-type){margin-block-end:1.5rem}}.pillars{:has(>.container>&){background-color:var(--c-light-blue);text-align:center}display:grid;gap:3rem;@container (width >= 768px){grid-template-columns:auto auto}@container (width >= 992px){grid-template-columns:repeat(4,1fr)}.pillar{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.icon{width:6rem;aspect-ratio:1;padding:1.5rem;background-color:inherit;border-radius:.5rem;display:grid;box-shadow:var(--shadow1)}.title{font-size:var(--fz-1);line-height:2rem;font-weight:400}.description{color:#6b7280;margin-inline:auto;max-width:296px}}.team{max-width:max-content;margin-inline:auto;.title{font-size:var(--fz-2);text-align:center;margin-block-end:4rem;font-weight:400}.members{text-align:center;display:grid;gap:4rem;@container (width >= 700px){grid-template-columns:repeat(3,1fr)}img{max-width:200px;margin-inline:auto;border-radius:50%;margin-block-end:1em}span{display:block}.name{font-family:var(--ff-serif);font-weight:600}a{display:inline-block;aspect-ratio:1;width:48px;padding:.65em;filter:grayscale(1);&:hover{filter:grayscale(0)}}}}.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2rem;@container (width >= 900px){grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}&:empty:after{content:"Check back soon";display:block;color:var(--c-light-gray);font-size:var(--fz-3);font-weight:800;padding-block-start:4rem;text-align:center}.post{padding:1rem;a{color:inherit;display:block}picture{aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius)}.banner{width:100%;height:100%;object-fit:cover;transition:scale .28s}time{font-size:var(--fz--1);font-weight:400;color:var(--c-gray)}.title{margin-block:1rem}h3{font-weight:400;display:inline;background-image:linear-gradient(#fff0,#fff0),linear-gradient(var(--c-light-blue),var(--c-light-blue));background-size:100% 15px,0 15px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .3s linear}&:is(:hover,:focus-within){.banner{scale:1.2}h3{background-size:0 15px,100% 15px}}}.tags{display:flex;gap:1rem;margin-block-start:.5rem;li{background-color:var(--c-light-blue);border-radius:var(--radius);padding:.25rem .5rem;font-size:var(--fz--1);font-weight:400}}}.welcome{padding-block-end:2rem;background-color:var(--c-light-blue);.pitch{font-size:var(--fz-2);max-width:50ch;margin-inline-end:auto}}.fr-cta{width:90%;margin-inline:auto;@container (width >= 768px){width:55%}p:nth-child(1){font-weight:400}h2{line-height:2.5rem;margin-block:1rem}a{display:grid;width:100%;margin-block-start:2rem;padding:.5rem 1rem;background:inherit;color:var(--c-gray);outline:1px solid;border-radius:var(--radius);transition:color .5s ease;&:is(:active,:hover){color:var(--theme)}@container (width >= 768px){padding:1rem 2rem;outline:2px solid}}}[id=price-pitch]{.kicker{text-align:center;margin-block-end:2rem}}.price-pitch{display:grid;align-items:center;gap:3rem;@container (width >= 700px){gap:0;grid-template-columns:repeat(2,1fr)}@container (width >= 920px){gap:3rem}>svg{width:70%;margin-inline:auto;@container (width >= 920px){width:60%}}h2{font-weight:400;span{color:var(--c-light-gray)}}p{font-size:var(--fz-1);margin-block:1.25rem;@container (width >= 920px){margin-block:2rem}}p:last-of-type{margin-block-end:2rem;@container (width >= 920px){margin-block:3rem}}.btn.alternate{display:block flex;width:max-content;margin-inline:auto;@container (width >= 900px){margin-inline:unset}}}.fr-checkout{text-align:center;padding-block:2rem 6rem;.free-start,.features{margin-block:4rem}.price{font-size:var(--fz-2);font-weight:700;max-width:unset}.unlock{display:grid;row-gap:3rem;margin-block-start:1rem;@container (width >= 900px){grid-template-columns:1fr 1.4fr;column-gap:2rem;align-items:start}.pitch{height:max-content;padding-block:4rem;width:85%;color:var(--c-white);display:flex;border-radius:16px;flex-direction:column;align-items:center;gap:3rem;justify-content:center;margin-inline:auto;background:radial-gradient(96.93% 100% at 50% 87.75%,oklch(100% 0 0 / 30%) 0%,var(--ts30) 100%),linear-gradient(360deg,oklch(100% 0 0 / 40%) 0%,var(--ts40) 100%),var(--theme);background-blend-mode:multiply,multiply,normal;@container (width >= 900px){padding-block:unset;height:100%;border-radius:16px 0 0 16px;flex-direction:column;margin-inline-start:0}.btn.transparent:is(:hover,:focus-within){color:var(--c-white-hover)}}.buy{h2{font-family:var(--ff-serif)}}}.email-error{text-align:left;padding-inline-start:1rem;font-size:var(--fz--2);color:var(--c-red);height:16px}.included-title{margin-block-start:4rem;@container (width >= 768px){margin-block-start:8rem}}.included{text-align:left;margin-block:3rem;display:grid;gap:2rem;@container (width >= 768px){grid-template-columns:repeat(3,1fr)}@container (width >= 992px){grid-template-columns:repeat(4,1fr)}.icon-small{display:grid;aspect-ratio:1;width:2.5em;margin-block-end:1rem;path{fill:var(--theme)}}.feature{max-width:296px;justify-self:center}}.desc{margin-block-end:1rem}.add-email{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.25em;.btn.alternate{display:flex;align-items:center;padding:.5em .5em .5em .1em;svg{display:inline-block;width:1.75em}}}.summary-edit{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;margin-block-end:3rem;column-gap:.5em}.email-count{font-weight:700;font-size:var(--fz-1);text-align:left}.order-summary{padding-block-end:3rem;label{display:block;margin-block-start:2rem}label>span{padding-inline-start:1rem}}.cost-summary{display:grid;grid-template-columns:1fr 6rem;align-items:center;padding-inline:.5rem;&:not(:first-of-type){margin-block-start:1.5rem}&:has(.accounts){min-height:6rem;padding-block:2rem}.accounts{font-size:var(--fz--1);text-align:left;overflow-y:auto;&:empty:after{content:"No accounts added";display:block;color:var(--c-red);padding-block-start:1rem;text-align:left}}&.product{font-weight:700;font-size:var(--fz--1);span:first-of-type{text-align:left}.product-details{display:flex;align-items:center;column-gap:1rem;span{display:block;text-align:left}}.product-price{font-weight:400;color:var(--c-gray)}.product-icon{width:52px}}.count{font-weight:700}.plu{font-size:var(--fz--2)}}table{table-layout:auto;margin-block:1.5rem;margin-inline-start:auto;td{padding-block:.5rem;text-align:right}[data-label=Amount]{width:max-content;white-space:nowrap;font-weight:700;padding-inline:3rem 2rem}.total{font-weight:700}}}dialog[id=spinner]{background-color:transparent;color:var(--theme);box-shadow:none;width:100svw;height:100svh;place-items:center;inset:0;padding:0;&[open]{display:grid}div{background-color:inherit;display:grid;place-items:center;width:max-content;font-size:var(--fz-1);font-weight:700}svg{width:var(--fz-5);stroke:var(--theme);circle{stroke-width:2}}}.fr-order{text-align:center;.free-start,.features{margin-block:4rem}.price{font-size:var(--fz-2);max-width:unset}.order{max-width:800px;margin-inline:auto;margin-block-end:3rem}.email-error{text-align:left;padding-inline-start:1rem;font-size:var(--fz--2);color:var(--c-red);height:16px}.included-title{margin-block-start:5rem;@container (width >= 768px){margin-block-start:10rem}}.add-email{margin-block-start:6rem;.desc{margin-block-end:1rem}.email{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.25em;.btn.alternate{display:flex;align-items:center;padding:.5em .5em .5em .1em;svg{display:inline-block;width:1.75em}}}}.summary-edit{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;margin-block-start:4rem;margin-block-end:3rem;column-gap:.5em;.clear-all:is(:hover,:focus-visible){color:var(--c-red)}}.email-count{font-weight:700;font-size:var(--fz-1);text-align:left}.cost-summary{display:grid;grid-template-columns:1fr 6rem;align-items:center;padding-inline:.5rem;&:not(:first-of-type){margin-block-start:1.5rem}&:has(.accounts){min-height:6rem;padding-block:2rem}.accounts{font-size:var(--fz--1);text-align:left;overflow-y:auto;&:empty:after{content:"No accounts added";display:block;color:var(--c-red);padding-block-start:1rem;text-align:left}}&.product{font-size:var(--fz--1);.product-name{font-size:var(--fz-0)}.product-details{display:flex;align-items:center;column-gap:1rem;span{display:block;text-align:left}}.product-price{font-weight:400;color:var(--c-gray)}.product-icon{width:52px}}.count{font-weight:700}.plu{font-size:var(--fz--2)}}table{table-layout:auto;margin-block:1.5rem;margin-inline-start:auto;td{padding-block:.5rem;text-align:right}[data-label=Amount]{width:max-content;white-space:nowrap;font-weight:700;padding-inline:3rem 2rem}.total{font-weight:700}}.checkout{label{display:block;margin-block-end:2rem}label>span{padding-inline-start:1rem}.btn.primary{background-color:var(--secondary);&.pending{column-gap:1.5rem;&:is(:hover,:focus-within){svg{transform:translate(0)}}}svg{width:24px}}}}dialog[id=emails-edit]{width:90%;max-width:1100px;@container (width >= 992px){width:80%}nav{display:grid;grid-template-columns:1fr auto;margin-block-end:1rem;font-weight:700;align-items:center}.add-email{margin-block-start:0}.dash{display:grid;gap:3rem;margin-block:3rem;@container (width >= 768px){grid-template-columns:repeat(2,1fr)}}.email-list{display:grid;grid-template-columns:1fr auto;align-items:center;margin-block-start:.5rem;margin-inline-end:1.5rem}.btn.icon:is(:hover,:focus-visible),.btn.icon-text:is(:hover,:focus-visible){outline:none;color:var(--c-red)}ul{max-height:350px;overflow-y:scroll;&:empty:after{content:"No accounts added";display:block;color:var(--c-red);padding-block-start:4rem;text-align:center}}.list-header{display:flex;justify-content:space-between;align-items:baseline;padding-block-end:.25em;border-bottom:1px solid var(--c-light-gray);.sums{font-weight:800;color:var(--c-mid-gray);font-size:var(--fz-1);display:flex;column-gap:1rem}}.art{margin-block-end:3rem;font-size:var(--fz--2)}.hline{display:block;margin-block:1.5rem;font-weight:700;color:var(--c-mid-gray);padding-inline:1rem;&:after,&:before{content:"     ";text-decoration:line-through}}.file-icons{span{aspect-ratio:1;display:inline-block;width:4rem;color:var(--c-mid-gray)}}.file-icons+span{display:block;width:56%;margin-inline:auto;text-wrap:pretty;@container (width >= 992px){width:45%}}.continue{display:grid;grid-template-columns:1fr auto;margin-inline-end:2rem;button{grid-column:2/3}}.tooltip{position-area:bottom center}.tipped:is(:hover,:focus-visible)~.tooltip{visibility:visible}}.fr-faqs{header{text-align:center;p{margin-inline:auto}}}.faq-list{margin-block-start:3rem;details{padding-inline-end:1rem;border-bottom:1px solid var(--border1);&::details-content{overflow:hidden;block-size:0;transition-property:block-size,content-visibility;transition-duration:.3s;transition-behavior:allow-discrete}&[open]{padding-block-end:1rem}&[open]::details-content{block-size:auto}}summary{font-weight:500;display:flex;justify-content:space-between;align-items:center;padding-block:1rem;cursor:pointer;&:hover{color:var(--theme)}}.expand-icon{transition:transform .3s ease-in}details[open] .expand-icon{transform:rotate(180deg)}.answer p:not(:first-of-type){margin-block-start:1em}table{table-layout:fixed;width:100%;margin-block:1.5rem;thead{text-align:left}th{padding-block:1rem}}}.contact{text-align:center;.btn.primary{margin-block:1.5em}}.fr-features{display:grid;gap:4rem;justify-content:center;@container (width >= 768px){grid-template-columns:auto auto}.feature{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center}.icon{width:4rem;aspect-ratio:1;display:grid;place-items:center}.title{font-size:var(--fz-1);font-weight:500;margin-block-end:.5rem}}[id=fr-hero]>.container{--_m: max(20px, 50cqw - 1400px/2)}.fr-hero{display:flex;flex-direction:column-reverse;gap:3rem;@container (width >= 920px){flex-direction:row;align-items:center;justify-content:space-between}.star-count{flex-direction:column;justify-content:center;@container (width >= 920px){flex-direction:row;justify-content:unset}}.pitch{text-align:center;margin-inline:auto;.break{display:none}@container (width >= 700px){max-width:80%;.break{display:inline}}@container (width >= 920px){text-align:unset;margin-inline:unset;max-width:50%}}.landing-img{max-width:90%;margin-inline:auto;@container (width >= 700px){max-width:75%}@container (width >= 920px){margin-inline:unset;max-width:48%}}.star-count{margin-block-end:2rem}.headline{font-size:var(--fz-4);font-weight:300;text-wrap:pretty}.explainer{margin-block:1.5em 2.5em;font-size:var(--fz-1)}.cta{width:max-content;margin-inline:auto;display:flex;gap:1rem;@container (width >= 700px){gap:2rem}@container (width >= 920px){width:unset;margin-inline:unset}}}.fr-how{display:grid;gap:4rem;@container (width >= 700px){grid-template-columns:1fr 1fr;align-items:center;gap:6rem}.icon{justify-self:center;width:70%}.btn.alternate{width:max-content;margin-block-start:2.5rem}.fw-desc{display:grid}a,h2{margin-inline:auto;@container (width >= 700px){margin-inline:unset}}}.how-its-used{.kicker,h2{text-align:center}h2{font-weight:inherit;margin-block:1.5rem 2rem;text-wrap:pretty;@container (width >= 700px){margin-block:2rem 3rem}}.tab-menu{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:1.5rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline mandatory;scroll-padding-inline:1.5rem;border-bottom:1px solid var(--border1);@container (width >= 700px){justify-content:center}@container (width >= 700px){column-gap:2.5rem}li{text-wrap:nowrap;letter-spacing:.05px;padding-block:1em;cursor:pointer;scroll-snap-align:start}}li.selected{font-weight:600;border-bottom:3px solid}.showcases{display:grid;grid-template:"image" "explain" / auto;gap:3rem;margin-block-start:3rem;@container (width >= 700px){grid-template:"explain image"/ 1fr 1fr;align-items:center;gap:unset;margin-block-start:4rem}@container (width >= 920px){grid-template:"explain image"/ 1fr 2fr}}.case{grid-area:explain;h4:not(:first-of-type){margin-block-start:2rem}.emp{font-weight:500}p{line-height:1.75;&:not(:last-of-type){margin-block-end:.5rem}}}}[id=pricing]{.kicker{text-align:center;margin-inline:auto;margin-block-end:3rem}}.pricing{display:flex;flex-direction:column;row-gap:2rem;@container (width >= 700px){flex-direction:row;align-items:center;justify-content:space-between}.tier{display:grid;row-gap:2rem;padding:2rem;border-radius:var(--radius);@container (width >= 700px){padding:3rem 1rem}@container (width >= 920px){padding:3rem 1.5rem}}.free,.enterprise{box-shadow:var(--shadow1);@container (width >= 700px){box-shadow:none}}.free:hover,.enterprise:hover{box-shadow:var(--shadow1)}.standard{box-shadow:var(--shadow3);position:relative;.popular{width:max-content;position:absolute;display:block;inset-inline:0;margin-inline:auto;inset-block-start:0;transform:translateY(-50%);background-color:var(--secondary);padding:.25rem .5rem;font-size:var(--fz--2);letter-spacing:1px;color:var(--c-white);font-weight:500;border-radius:var(--radius)}}.icon{color:var(--theme);width:var(--fz-3)}.price{font-family:var(--ff-mono);font-weight:700;font-size:var(--fz-2);span{font-family:var(--ff-sans);font-size:var(--fz--1);font-weight:300}}.description{padding-block:2rem;p{line-height:1.75}}}.fr-policies{h2{text-align:center}.policies{margin-block-start:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;@container (width >= 768px){flex-direction:row;gap:3rem}}a{display:block;color:inherit;font-size:var(--fz-2);font-weight:500;&:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:6px}}.key{color:var(--theme)}}[id=pricing-hero]{padding-block-end:0}.pricing-hero{h1{font-weight:300;text-align:center;font-size:var(--fz-4);margin-block-end:.5em;span{font-weight:700}}p{font-weight:400;text-align:center;margin-inline:auto;margin-block-end:3rem;@container (width >= 700px){margin-block-end:6rem}@container (width >= 920px){margin-block-end:9rem}}.star-count{flex-direction:column;justify-content:center;@container (width >= 920px){flex-direction:row}.bar{display:none;@container (width >= 920px){display:unset}}}}[id=trusted-by]{header{text-align:center;color:var(--c-light-gray)}.trusted-by{display:flex;align-items:center;column-gap:2rem;flex-wrap:wrap}img{max-width:150px;padding:1rem;@container (width >= 700px){max-width:250px}@container (width >= 920px){max-width:300px}&.proto{max-width:110px;@container (width >= 700px){max-width:inherit}}}}.whats-included{.included-title{text-align:center}.included{text-align:left;margin-block:3rem;display:grid;gap:2rem;@container (width >= 768px){grid-template-columns:repeat(3,1fr)}@container (width >= 992px){grid-template-columns:repeat(4,1fr)}.icon-small{display:grid;aspect-ratio:1;width:2.5em;margin-block-end:1rem;path{fill:var(--theme)}}.feature{max-width:296px;justify-self:center}}}[id=just-launched]{.kicker{text-align:center}.kicker svg{transition:scale 1s}.kicker:hover svg{scale:1.5}h2{display:flex;justify-content:center;align-items:center;margin-block:1.5rem;text-wrap:pretty;@container (width >= 700px){column-gap:1rem;margin-block:2rem}.icon{width:3em}}.launch-icon{margin-inline-start:1rem;display:inline-block;width:2.5em;color:var(--secondary);@container (width >= 900px){width:3em}}.fr-desc{width:min(90%,600px);margin-inline:auto;text-wrap:pretty}.intro-fr-features{text-align:left;margin-block:3rem;display:grid;gap:var(--fz-3);@container (width >= 700px){justify-content:center;grid-template-columns:repeat(2,max-content)}@container (width >= 992px){grid-template-columns:repeat(3,max-content)}.title{display:grid;grid-template-columns:max-content 1fr;align-items:center;column-gap:8px;margin-block-end:1rem;font-weight:500}.icon-small{aspect-ratio:1;width:2em;path{fill:var(--theme)}}.feature{max-width:clamp(18.5rem,17.825rem + 3.375cqi,21.875rem);padding:1em;justify-self:center;border-radius:.5rem;box-shadow:0 2px 6px 0 var(--ts25)}}.more{width:max-content;margin-inline:auto}}[id=home-hero]{@container (width >= 900px){padding-block:8rem 10rem}>.container{--_m: max(20px, 50cqw - 1400px/2)}}.home-hero{display:flex;flex-direction:column-reverse;gap:3rem;@container (width >= 920px){flex-direction:row;align-items:center;gap:12rem}.pitch{text-align:center;.break{display:none;@container (width >= 700px){display:inline}}@container (width >= 920px){text-align:unset;max-width:50%}}.headline{font-size:var(--fz-4);font-weight:inherit;text-wrap:pretty;margin-block-end:unset;margin-block-start:2rem}.explainer{margin-block:2em;font-size:var(--fz-1)}.cta{width:max-content;margin-inline:auto;display:flex;column-gap:.5rem;@container (width >= 920px){column-gap:2rem;width:unset;margin-inline:unset}}.fr-logo{width:8rem;margin-inline:auto;@container (width >= 920px){margin-inline:unset}}.viewbox{cursor:pointer;position:sticky;display:grid;justify-content:center;padding-block:6rem}.card{--clr: oklch(.62 .2075 263.67);grid-area:1/ 1;transition:transform 2s,z-index 2s,background-color 2s;width:clamp(250px,204px + 14.375cqi,480px);height:clamp(250px,204px + 14.375cqi,480px);border-radius:25px;padding:24px;background-color:var(--clr);@container (width >= 700px){padding:35px}&.second{--clr: oklch(.6 .1945 16.16)}&.third{--clr: oklch(.68 .1961 307.54)}&.fourth{--clr: oklch(.71 .2251 339)}.sub{font-size:var(--fz-0);text-transform:uppercase;letter-spacing:2px;font-weight:400}.content{font-size:var(--fz-2);font-weight:700;display:grid;place-items:center;height:100%;@container (width >= 900px){font-size:var(--fz-3)}span{display:block;width:68%}}}}[id=trusted-by-mini]{header{text-align:center;color:var(--c-light-gray);h2{font-size:var(--fz-0)}}.trusted-by-mini{display:flex;align-items:center;column-gap:1.25rem;@container (width >= 920px){column-gap:2rem}overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;anchor-name:--trusted;&::scroll-button(left){content:"";background-image:url(/icons/left.svg);position-area:inline-start center;inset-inline-end:-16px;@container (width >= 920px){inset-inline-end:0}}&::scroll-button(right){content:"";background-image:url(/icons/right.svg);position-area:inline-end center;inset-inline-start:-16px;@container (width >= 920px){inset-inline-start:0}}&::scroll-button(*){position:absolute;position-anchor:--trusted;border-width:0;width:36px;height:36px;border-radius:50%;padding:0;background-repeat:no-repeat;background-position:center;background-size:36px 36px}&::scroll-button(*):disabled{display:none}&::scroll-button(*):focus-visible{outline-offset:5px}>li{scroll-snap-align:start;scroll-snap-stop:always}}img{max-width:150px;padding:1rem;filter:grayscale(1);&.proto{max-width:80px}}}.apps{margin-block:3rem;display:grid;column-gap:2rem;grid-template-columns:1.4fr 1fr 1fr;.fr{display:grid;grid-auto-flow:column;gap:2rem;.app-image{width:150px;height:243px;border-radius:8px;background:var(--radial);img{width:90%;border-radius:0 0 var(--radius) 0;margin-inline-start:auto;margin-block-start:14px}}p{font-size:var(--fz--1);margin-block:2em}.btn.transparent{font-size:var(--fz--1)}}.intro{gap:1rem}.quick-links{display:grid;row-gap:.5rem;padding-inline-start:4rem;a{color:inherit;display:flex;column-gap:1em;align-items:center;font-size:var(--fz--1);&:is(:hover,:focus-within){outline:none;color:var(--theme)}}.icon{display:block;aspect-ratio:1;width:2em}}}.main-footer{padding-block:4rem 3rem;color:#a3a1a1;grid-area:foot;font-size:var(--fz--1);font-weight:400;--footer-white: oklch(97.05% .0142 254.6);background:radial-gradient(96.93% 100% at 50% 87.75%,oklch(100% 0 0 / 30%) 0%,var(--ts30) 100%),linear-gradient(360deg,oklch(100% 0 0 / 40%) 0%,var(--ts40) 100%),var(--c-dark);background-blend-mode:multiply,multiply,normal;@container (width >= 992px){padding-block-start:6rem}.logo{width:100px}.footer{padding-block-end:2rem;margin-block-end:2rem;border-bottom:1px solid oklch(from var(--footer-white) l c h / .2);display:grid;gap:4rem;grid-template-columns:repeat(2,1fr);@container (width >= 768px){grid-template-columns:repeat(4,1fr);column-gap:2rem}}p{color:var(--footer-white);font-size:var(--fz--1);letter-spacing:1.3px;margin-block-end:1rem;text-transform:uppercase}a{color:inherit;&:hover{text-decoration:underline;text-underline-offset:4px}&.active{color:var(--footer-white)}}li+li{margin-block-start:.5rem}.footer-bottom{display:flex;flex-direction:column-reverse;place-items:center;gap:1.5rem;font-size:var(--fz--1);@container (width >= 576px){flex-direction:row;justify-content:space-between}.company{display:flex;flex-direction:column;align-items:center;gap:1.5rem;@container (width >= 576px){flex-direction:row}}.logo{display:inline-block}.social{display:flex;column-gap:.5rem;align-items:center}a{display:inline-block;aspect-ratio:1;width:38px;padding:.65em;filter:grayscale(1);&:hover{filter:grayscale(0)}}a:hover .x-icon>path{fill:var(--c-white)}a:has(.youtube){aspect-ratio:54.049/37.945;width:46px}}}.nubiit-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo . mobile";align-items:center;height:var(--header-height);padding-inline:1rem;grid-area:head;transition:.28s var(--ease);translate:0 0;position:fixed;inset-block-start:0;inset-inline:0;background-color:inherit;z-index:10;&.hide{translate:0 calc(var(--header-height) * -1)}&.scrolled{box-shadow:var(--shadow2)}@container (width >= 768px){grid-template-areas:"logo navi mobile";padding-inline:2rem}.header-logo{grid-area:logo;display:block;width:90px;color:inherit;&:is(:hover,:focus-visible){opacity:.65}@container (width >= 750px){width:108px}}.desktop{grid-area:navi;font-weight:500;display:none;place-items:center;@container (width >= 700px){display:grid}}.main-navigation{display:grid;column-gap:2rem;grid-auto-flow:column;@container (width >= 920px){column-gap:4rem}.main-link{color:inherit;transition:all .28s ease;&:hover,&:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}&.active{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:18px}}>li:has(button){position:relative}}.dropdown-menu{width:100svw;display:grid;position:fixed;inset-block-start:var(--header-height);inset-inline:0;visibility:hidden;overflow:hidden;block-size:0;box-shadow:var(--shadow2);background-color:var(--body-bg);z-index:20;transition:all .4s}.dropdown-btn{appearance:none;padding:0;border:0;background-color:inherit;display:flex;align-items:center;font-family:inherit;&:is(:hover,:focus-within,:focus-visible){outline:none}}.dropdown-btn[aria-expanded=true]+.dropdown-menu{visibility:visible;block-size:auto}.expand-icon{transition:transform .28s cubic-bezier(.35,0,.25,1)}.dropdown-btn[aria-expanded=true] .expand-icon{transform:rotate(180deg)}.sub-nav{grid-area:mobile;display:flex;column-gap:1rem;@container (width >= 1024px){column-gap:2rem}.btn.icon{width:var(--fz-2)}.mobile-menu{display:inline grid;@container (width >= 1024px){display:none}}.btn.primary{display:none;padding:.5em 1em;@container (width >= 1024px){display:inline-flex}}}}[id=mobile-menu]{color:var(--c-white);width:100svw;height:100svh;border:none;padding:0;background:radial-gradient(96.93% 100% at 50% 87.75%,oklch(100% 0 0 / 30%) 0%,var(--ts30) 100%),linear-gradient(360deg,oklch(100% 0 0 / 40%) 0%,var(--ts40) 100%),var(--c-dark);background-blend-mode:multiply,multiply,normal;header{display:flex;align-items:center;justify-content:space-between;padding-inline:1rem;height:var(--header-height);@container (width >= 750px){padding-inline:2rem}}.header-logo{display:block;width:90px;color:var(--c-white);@container (width >= 750px){width:108px}&:is(:hover,:focus-visible){color:var(--c-white-hover)}}.btn.icon{width:28px;&:is(:hover,:focus-visible){color:var(--c-red)}@container (width >= 950px){margin-inline-end:14px}}a:not(.social-link){color:var(--c-white-hover);font-size:var(--fz-4);transition:color .28s;&:is(:hover,:focus-visible){color:var(--c-white)}}nav{padding-inline:2.5em 0;margin-block-start:4rem}.get-in-touch{max-width:max-content;margin-block-start:4rem;margin-inline:auto}.kicker{margin-block-end:var(--fz-1);text-align:center}.social{margin-block-start:var(--fz-2);display:flex;justify-content:space-between;align-items:center;.social-link{display:inline-block;aspect-ratio:1;width:var(--fz-2);filter:grayscale(1);&:hover{filter:grayscale(0)}}.social-link:has(.youtube){aspect-ratio:54.049/37.945;width:var(--fz-3)}}}.blog-page{article{max-width:75ch;margin-inline:auto}h1{font-size:var(--fz-4)}.published{font-size:var(--fz--1);color:var(--c-gray);margin-block-end:8px}.authors{font-family:var(--ff-serif);font-size:var(--fz--2);display:flex;gap:1.5rem;p{font-weight:600}}h2{font-size:var(--fz-2);margin-block:1.5rem}h3{font-size:var(--fz-1)}main p{margin-block-end:1rem}footer{margin-block-start:2rem;padding-block:1.5rem;border-top:1px solid var(--c-light-gray)}.name{font-weight:600}.author-details{font-size:var(--fz--1);&:not(:last-of-type){margin-block-end:2rem}.bio-head{display:grid;grid-template-columns:auto 1fr;align-items:center;font-family:var(--ff-serif)}img{width:var(--fz-4);aspect-ratio:1/1;border-radius:50%;margin-right:10px}.bio{margin-block-start:.5rem}}}.nubiit-header{.search-nav{display:flex}.btn.icon.search{rotate:0deg;transition:rotate .3s;&[aria-expanded=true]{rotate:90deg}}.btn.icon.search[aria-expanded=true]+div[id=search]{visibility:visible;block-size:auto}div[id=search]{padding-block:1rem 1.5rem;form{padding-block-end:1.5rem}label{position:relative;input[type=search]{&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{appearance:none}display:block;width:100%;font-style:italic;padding:.5rem 0 .5rem 3rem;border:none;outline:none;border-bottom:2px solid var(--c-dark);&::placeholder{color:#c2c2c2}&:is(:focus-visible,:focus){border-color:var(--theme)}}.btn.icon{width:40px;height:40px;position:absolute;left:0;top:50%;translate:0 -50%;transition-duration:.15s;transition-property:opacity,rotate}}}.blog-search{font-family:var(--ff-serif);font-size:var(--fz--1);&:empty:after{content:'No post matched "' attr(data-search) '"';display:block;padding-block-start:1rem}li:not(:last-of-type){margin-block-end:.75rem}a{color:inherit;&:hover{.title{color:var(--theme);text-decoration:underline}}}time{color:var(--c-dark)}.teaser{font-size:var(--fz--2);color:var(--c-gray)}}}.pager{border-top:1px solid oklch(82.5% .0022 17.2);padding:2rem 1rem;@container (width >= 500px){display:grid;grid-template-columns:auto 1fr auto;align-items:center}a{display:block;padding:4px 8px;border:1px solid oklch(82.5% .0022 17.2);color:inherit;border-radius:var(--radius);font-weight:400;@container (width >= 500px){width:20ch}}span{font-size:var(--fz--2);letter-spacing:1px;color:#979797;text-transform:uppercase}.next{grid-column:3/4;margin-block-start:1rem;text-align:right}}.fr-side-nav{.fr-logo{width:7rem;margin-block:3rem}li:not(:last-of-type){border-block-end:1px solid var(--c-light-gray)}li:not(:first-of-type){padding-block:.5rem}a{color:inherit;&.active{font-weight:700}}}.fr-pages{margin-block:3rem;display:grid;grid-template:"aside" "content" / auto;@container (width >= 768px){margin-block:6rem;grid-template:"aside content" / max-content 3fr}aside{display:none;grid-area:aside;@container (width >= 700px){margin-inline-end:3rem;display:block}}.page{grid-area:content}.fr-menu{display:flex;@container (width >= 500px){display:none}.btn.icon{display:flex;column-gap:4px;aspect-ratio:unset;width:unset;font-size:.875rem}span:nth-child(1){width:1.5rem;aspect-ratio:1}}[id=fr-mobile-menu]{border:none;height:100svh;width:85vw;padding:1rem;.fr-logo{width:5rem}nav{display:grid;grid-template-columns:1fr auto}ul{margin-block-start:1rem}.btn.icon{grid-column:2/3}}.updated{margin-block-start:1rem;font-size:var(--fz--1);@container (width >= 920px){margin-block-start:0;margin-inline-start:4rem}span{color:#939cb2}}.guide{margin-block:1rem 2rem;@container (width >= 920px){margin-inline-start:4rem}h1{font-size:var(--fz-3);margin-block-end:.65em}p,ol,ul{line-height:1.75;margin-block-end:2rem}p:has(.icon){text-align:center}img{margin-block:1.5rem}ul{list-style:disc;padding-inline-start:1.5rem;margin-block-end:3rem}code{font-weight:400;font-size:.875rem;color:var(--c-red)}.icon{width:6rem;aspect-ratio:1;padding:1.5rem;background-color:inherit;border-radius:.5rem;display:inline-block;box-shadow:var(--shadow1)}a{color:var(--theme);&:hover{text-decoration:underline;text-underline-offset:4px}}}}.legal-page{padding-block:6rem;header{text-align:center;margin-block-end:2rem;time{font-weight:400}}ul{list-style-type:disc;list-style-position:inside;margin-block-end:2rem}ul,ol{max-width:70ch}h2,h3,h4{max-width:784px}ul,ol,h2,h3,h4,p{margin-inline:auto}.container p:not(.kicker){margin-block-end:2rem}.sub-heading{text-transform:uppercase;font-weight:600}table{margin-inline:auto;margin-block-end:1rem;table-layout:fixed;width:70ch;thead{text-align:left}th{padding-block:1rem}}a{color:var(--theme)}li>a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:oklch(from var(--theme) l c h / .25);&:is(:hover,:focus-visible){text-decoration-color:inherit}}}.unlock-error{text-align:center;p{margin-inline:auto;font-size:var(--fz-1);margin-block:2rem;max-width:650px}.message{font-size:var(--fz-2);color:var(--c-red);font-weight:600}.actions{margin-block:3rem 0}}.order-success{padding-block:3rem;.result{text-align:center;p{margin-inline:auto;max-width:50ch;font-size:var(--fz-1);&:first-of-type{margin-block-end:1.5rem}}.review-pitch{margin-block:3rem;margin-inline:auto;max-width:650px;padding:2.5rem;line-height:1.75;border-radius:12px;box-shadow:0 2px 8px 0 var(--theme)}.primary{margin-inline-start:3rem}}}[id=contact]{header{width:80%;margin-inline:auto;margin-block-end:2rem;@container (width >= 1024px){width:unset;margin-block-end:0}}.our-contacts{display:grid;grid-template:"mail" "addr" / auto;row-gap:3em;@container (width >= 900px){grid-template:"addr mail"/ 1fr 1fr}.kicker{display:none;margin-block-end:1.5rem;width:max-content;margin-inline:auto;@container (width >= 900px){display:block;margin-block-end:2rem}}ul{width:80%;margin-inline:auto;grid-area:addr;margin-block-start:3rem;display:grid;gap:3rem;@container (width >= 700px){grid-template-columns:1fr 1fr}@container (width >= 1024px){width:unset;margin-inline:unset}.head{display:flex;align-items:center;column-gap:1.5rem;font-weight:600;margin-block-end:1rem}.icon{aspect-ratio:1;width:36px}a{color:var(--theme)}}.message{grid-area:mail;justify-self:center;width:80%;@container (width >= 920px){width:100%}}form{display:grid;gap:1em;@container (width >= 920px){grid-template-columns:1fr 1fr}select{border:1px solid var(--c-light-gray);border-radius:var(--radius);padding:8px;background-color:inherit;margin-block-end:1em;&::picker-icon{color:var(--theme);padding-inline:8px;transition:.4s rotate}&:open::picker-icon{rotate:180deg}&:focus-visible{outline:2px solid var(--theme)}option{padding-block:8px;&:hover{background-color:var(--c-light-gray)}}}select,::picker(select){appearance:base-select}::picker(select){border:none;background-color:var(--c-white);box-shadow:var(--shadow1)}.fd{background-color:var(--body-bg);padding-inline:4px;font-size:var(--fz--1);position:absolute;left:1em;top:-12px;opacity:0;transition:opacity .28s var(--ease)}label{position:relative;display:block;&:has(input:not(:placeholder-shown)),&:has(textarea:not(:placeholder-shown)){.fd{opacity:1}}&:has(input[placeholder="Company*"]){clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}&:has(textarea){@container (width >= 920px){grid-column:1 / 3}}}.btn.primary{justify-self:center;@container (width >= 920px){grid-column:1 / 3}}.form-error{margin-block-start:4px;margin-inline-start:1rem;font-size:var(--fz--2);color:var(--c-red);height:16px}}.response{p{margin-block-end:1em}code{color:var(--secondary)}}}}.support-header{background-color:var(--c-light-blue);text-align:center}.support-knowledge{display:grid;grid-template:"icon" "desc" / auto;gap:4rem;@container (width >= 900px){grid-template:"desc icon" / 1fr 1fr;align-items:center;gap:6rem}.description{grid-area:desc}.support-icon{grid-area:icon;width:25rem;justify-self:center;filter:grayscale(95%)}ul{margin-block-start:3rem}li{padding:.75em;border-bottom:1px solid}li:first-of-type{border-top:1px solid}a{color:inherit;font-weight:600;&:hover{color:var(--theme)}}}.still-need{text-align:center;svg{width:clamp(16rem,14.8rem + 6cqi,22rem);margin-inline:auto}h2{max-width:16ch;margin-inline:auto}button{margin-block-start:2rem}}.faq-category{.kicker{font-size:var(--fz-1)}.spinner{stroke:var(--theme);margin-inline:auto}}.spinner-wrapper{width:100%;height:100%;display:grid;place-items:center;svg{width:var(--fz-3);stroke:var(--theme)}}.star-count{display:flex;align-items:center;column-gap:1rem;text-transform:uppercase;font-weight:500;.stars{display:flex}.user-count{letter-spacing:2px}.countries{text-transform:none}}@font-face{font-family:Aleo;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/Aleo-varible.woff2) format("woff2-variations")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:300;src:url(/fonts/noto-sans-v42-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:400;src:url(/fonts/noto-sans-v42-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:500;src:url(/fonts/noto-sans-v42-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:600;src:url(/fonts/noto-sans-v42-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:700;src:url(/fonts/noto-sans-v42-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:700;src:url(/fonts/roboto-mono-v31-latin-700.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}*{margin:0}ul[role=list],ol[role=list]{list-style:none}html,header,footer,main,section,article{container-type:inline-size}html:focus-within{scroll-behavior:smooth}body{min-height:100svh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption{text-wrap:pretty;max-width:70ch}@property --c-white{syntax: "<color>"; inherits: true; initial-value: oklch(100% 0 0);}@property --c-white-hover{syntax: "<color>"; inherits: true; initial-value: oklch(100% 0 0 / 70%);}@property --c-gray{syntax: "<color>"; inherits: true; initial-value: oklch(59.99% 0 0);}@property --c-mid-gray{syntax: "<color>"; inherits: true; initial-value: oklch(87.92% 0 0);}@property --c-light-gray{syntax: "<color>"; inherits: true; initial-value: oklch(90.97% 0 0);}@property --c-red{syntax: "<color>"; inherits: true; initial-value: oklch(72.46% .1377 21.03);}@property --c-fr-blue{syntax: "<color>"; inherits: true; initial-value: oklch(.7252 .1499 237.51);}@property --c-dark{syntax: "<color>"; inherits: true; initial-value: oklch(16.69% .0213 275.16);}@property --c-light-blue{syntax: "<color>"; inherits: true; initial-value: oklch(93.19% .0316 255.59);}@property --theme{syntax: "<color>"; inherits: true; initial-value: oklch(49.38% .219878 261.4642);}@property --secondary{syntax: "<color>"; inherits: true; initial-value: oklch(.56 .1313 59.42);}@property --success{syntax: "<color>"; inherits: true; initial-value: oklch(68.72% .1674 138.8);}@property --header-height{syntax: "<length>"; inherits: false; initial-value: 86px;}@property --radius{syntax: "<length>"; inherits: true; initial-value: 6px;}@property --step{syntax: "<integer>"; inherits: true; initial-value: 0;}:root{color-scheme:light;interpolate-size:allow-keywords;accent-color:light-dark(var(--theme),var(--secondary));--body-bg: light-dark(var(--c-white), oklch(35.62% 0 102.07));--radial: radial-gradient(circle, var(--theme) 0%, var(--c-light-blue) 100%);--fz--2: clamp(.64rem, .6273rem + .0635cqi, .7035rem);--fz--1: clamp(.8rem, .7725rem + .1377cqi, .9377rem);--fz-0: clamp(1rem, .95rem + .25cqi, 1.25rem);--fz-1: clamp(1.25rem, 1.1668rem + .4163cqi, 1.6663rem);--fz-2: clamp(1.5625rem, 1.4308rem + .6586cqi, 2.2211rem);--fz-3: clamp(1.9531rem, 1.7516rem + 1.0076cqi, 2.9607rem);--fz-4: clamp(2.4414rem, 2.1404rem + 1.5053cqi, 3.9467rem);--fz-5: clamp(3.0518rem, 2.6099rem + 2.2092cqi, 5.2609rem);--ff-serif: Aleo, serif;--ff-sans: "Noto Sans", system-ui;--ff-mono: "Roboto Mono";--ts10: oklch(0% 0 0 / 10%);--ts20: oklch(0% 0 0 / 20%);--ts25: oklch(0% 0 0 / 25%);--ts30: oklch(0% 0 0 / 30%);--ts40: oklch(0% 0 0 / 40%);--ts75: oklch(0% 0 0 / 75%);--shadow1: 0px 1px 5px 1px var(--ts20);--shadow2: 0px 5px 5px 2px var(--ts10);--shadow3: 0px 1px 4px 1px var(--theme);--border1: light-dark(var(--c-mid-gray), oklch(48.19% 0 102.07));--fill80: light-dark(var(--c-gray), oklch(63.94% .0293 237.86));--ease: cubic-bezier(.35, 0, .25, 1)}body{background-color:var(--body-bg);color:light-dark(var(--c-dark),var(--c-white));font-family:var(--ff-sans);font-weight:300;font-size:var(--fz-0);display:grid;grid-template:"head" auto "page" 1fr "foot" auto}main{margin-top:var(--header-height);grid-area:page}h1,h2,h3,h4,h5,h6{font-family:var(--ff-serif)}h1{font-size:var(--fz-5);line-height:calc(4px + 2ex);margin-block-end:.25em}h2{font-size:var(--fz-3);line-height:calc(6px + 2ex);margin-block-end:.4em}h3,h4,h5,h6{margin-block-end:.65em;line-height:calc(4px + 2ex)}ul{list-style:none;padding:0}li{padding:0}a{text-decoration:none}input,textarea{background-color:inherit}section{padding-block:6rem}strong{font-weight:700}dialog{max-width:100svw;max-height:100svh;padding:1.5rem;margin:auto;border:0;background-color:var(--c-white);border-radius:12px;box-shadow:0 2px 6px 0 var(--ts25);&:focus-visible{outline:none}}dialog::backdrop{background:oklch(from var(--theme) l c h / .15)}dialog,dialog::backdrop{transition:display .3s allow-discrete,overlay .3s allow-discrete,opacity .3s;opacity:0}dialog[open],dialog[open]::backdrop{opacity:1;@starting-style{opacity:0}}p>a{color:var(--theme);text-decoration:underline;text-underline-offset:3px;text-decoration-color:oklch(from var(--theme) l c h / .25);&:is(:hover,:focus-visible){text-decoration-color:inherit}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation:fade .3s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.container{--_m: max(20px, 50cqw - 1280px/2);margin-inline:var(--_m)}.full-bleed{--_m: max(20px, 50cqw - 1280px/2);margin-inline:calc(-1 * var(--_m))}.arrow-right,.arrow-left,.arrow-out{display:inline-flex;align-items:center;column-gap:.5rem;svg{transition:transform .28s}}.arrow-right:is(:hover,:focus-within){svg{transform:translate(5px)}}.arrow-left:is(:hover,:focus-within){svg{transform:translate(-5px)}}.arrow-out:is(:hover,:focus-within){svg{transform:translate(5px,-5px)}}.tooltip{position:absolute;width:max-content;visibility:hidden;color:var(--c-white);font-size:.65rem;background-color:#333;padding:.75ch 1.5ch;border-radius:5px;z-index:1}.kicker{text-transform:uppercase;letter-spacing:2px;font-weight:500;color:var(--secondary)}.alert{padding:.75em 1.25rem;font-size:var(--fz-0);border-radius:var(--radius);font-weight:400;border:1px solid;margin-block-end:2rem;@container (width >= 900px){width:max-content}svg{width:48px;height:48px}}.alert-error{color:#ea3323;border-color:inherit;background-color:#fefefe;p{margin-block:1rem}}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}[id=not-found]{text-align:center;margin-block-start:6rem;p{margin-inline:auto;margin-block-start:1.5rem}.not{color:var(--c-light-gray);font-weight:800;font-size:clamp(4rem,3.2rem + 4cqi,8rem)}}.nu-input{display:block;width:100%;padding:.5rem;border-radius:var(--radius);border:none;outline:2px solid var(--c-light-gray);&::placeholder{color:#c2c2c2}&:focus-visible{outline-color:var(--theme)}.error{outline-color:var(--c-red)}}.spinner{width:30px;transform-origin:center;animation:spinner_zKoa 2s linear infinite;circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}}dialog[id=toast-dialog]{padding:1rem 1.5rem;box-shadow:0 4px 12px var(--ts25);aspect-ratio:1;width:90%;max-width:480px;animation:fadeIn .3s ease-out;@container (width >= 992px){aspect-ratio:16/9}form{display:grid;row-gap:1.5rem;justify-content:center}[id=toast-state]{display:none;width:48px;margin-inline:auto;margin-block-end:.5rem}[id=toast-message]{margin-block-end:1.5rem}.dashboard{display:grid;grid-template-columns:auto 1fr;align-items:center}[id=toast-countdown]{width:max-content;font-size:.5rem;color:var(--c-gray);text-align:center}.timer{font-size:1rem}.toast-actions{grid-column:2/3;text-align:right}button{display:none;padding:.25em .85em;font-weight:600;border-radius:var(--radius);&#toast-cancel-btn{background-color:var(--c-light-gray)}&#toast-next-btn{background-color:var(--theme);color:var(--c-white)}}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}.btn{appearance:none;padding:.75em 1.25em;border:0;border-radius:var(--radius);font-weight:500;white-space:preserve nowrap;cursor:pointer;&.icon{display:inline-grid;place-items:center;background-color:inherit;padding:0;width:1.5rem;aspect-ratio:1;color:inherit;transition:color .3s ease;&:is(:hover,:focus-visible){outline:none;color:var(--theme)}}&.icon-text{font-size:var(--fz--2);background-color:inherit;padding:.25rem;color:inherit;transition:color .3s ease;&:is(:hover,:focus-visible){outline:none;color:var(--theme)}svg{width:var(--fz-3);margin-inline:auto}}&.small{font-size:var(--fz--1);padding:.5em 1.25em}&.large{font-size:var(--fz-1);padding:.5em 1em}&.primary{background-color:var(--theme);color:var(--c-white);transition:color .28s ease;&:is(:hover,:focus-within){outline:none;color:var(--c-white-hover)}&:disabled{background-color:oklch(from var(--theme) l 0 h);cursor:not-allowed}}&.transparent{background-color:transparent;outline:1px solid;color:inherit;transition:color .28s;&:is(:hover,:focus-within){color:var(--theme)}}&.alternate{background-color:var(--c-dark);color:var(--c-white);transition:color .28s;&:is(:hover,:focus-within){outline:none;color:var(--c-white-hover)}&:disabled{background-color:#bababa;pointer-events:none;cursor:not-allowed;color:var(--c-light-gray)}}}