@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(/pricing-component-with-toggle/assets/montserrat-v30-latin-700-BYRy5CoC.woff2) format("woff2"),url(/pricing-component-with-toggle/assets/montserrat-v30-latin-700-DT9mT9YW.ttf) format("truetype")}:root{--color-blue-300-hsl:236,72%,79%;--color-blue-500-hsl:237,63%,64%;--color-blue-300:hsl(var(--color-blue-300-hsl));--color-blue-500:hsl(var(--color-blue-500-hsl));--color-gray-50:#f6f6fe;--color-gray-100:#b3b5c6;--color-gray-300:#6d708d;--color-gray-500:#494c5f;--color-white:#fff;--font-sans:"Montserrat","Segoe UI",tahoma,geneva,verdana,sans-serif;--font-bold:700;--text-base:.9375rem;--leading-none:1;--rounded-sm:.5rem;--rounded-base:.625rem;--rounded-full:9999px;--gradient-180:linear-gradient(to right,hsla(var(--color-blue-300-hsl),100%),hsla(var(--color-blue-500-hsl),100%));--gradient-90:linear-gradient(to bottom,hsla(var(--color-blue-300-hsl),100%),hsla(var(--color-blue-500-hsl),100%));--gradient-45:linear-gradient(135deg,hsla(var(--color-blue-300-hsl),100%),hsla(var(--color-blue-500-hsl),100%));--shadow-sm:0px 16px 48px -8px hsla(var(--color-blue-500-hsl),.2);--shadow-md:0px 4px 32px 0px hsla(var(--color-blue-500-hsl),.2)}*,:after,:before{box-sizing:border-box;margin:0}body{background-color:#f6f6fe;background-color:var(--color-gray-50);font-family:Montserrat,Segoe UI,tahoma,geneva,verdana,sans-serif;font-family:var(--font-sans);font-size:.9375rem;font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold);line-height:1;line-height:var(--leading-none);min-height:100vh;-webkit-font-smoothing:antialiased}ul{list-style:none;padding-left:0}img,picture,svg{display:block;max-width:100%}button,input{font:inherit}h1,h2,p{word-wrap:break-word}.switch{align-items:center;border:0;color:#b3b5c6;color:var(--color-gray-100);display:flex;margin-left:6px;padding:0;position:relative;width:-moz-fit-content;width:fit-content;--switch-transition-duration:.3s;--thumb-size:1.5rem;--track-padding:.25rem;--track-padded-space:calc(var(--track-padding)*2);--track-width:calc(var(--thumb-size)*2 + var(--track-padded-space));--track-height:calc(var(--thumb-size) + var(--track-padded-space));--thumb-travel-x:calc(var(--track-width) - var(--track-padded-space) - var(--thumb-size))}.switch,.switch__track{border-radius:9999px;border-radius:var(--rounded-full)}.switch__track{background:linear-gradient(90deg,#a3a8f0,#696fdd);background:var(--gradient-180);box-shadow:inset 0 0 8px #0000001a;height:var(--track-height);left:110px;padding:var(--track-padding);pointer-events:none;position:absolute;width:var(--track-width)}.switch__thumb{background-color:#f6f6fe;background-color:var(--color-gray-50);border-radius:9999px;border-radius:var(--rounded-full);height:var(--thumb-size);transition:margin var(--switch-transition-duration) ease;width:var(--thumb-size)}.switch__label{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.switch__option{align-items:center;cursor:pointer;display:flex;height:var(--track-height);--pad-to-track:calc(var(--track-width)/2 + 1.5rem)}.switch__option--label{transition-duration:.2s;transition-property:color,transform;transition-timing-function:ease}.switch:focus-within{outline:2px dashed #696fdd;outline:2px dashed var(--color-blue-500);outline-offset:8px}.switch__option--annually{padding:0 var(--pad-to-track) 0 1rem}.switch__option--monthly{padding:0 1.3125rem 0 var(--pad-to-track)}.switch__option--annually .switch__option--label{width:4.375rem}.switch__option--monthly .switch__option--label{width:4.0625rem}.switch__input{left:50%;opacity:0;position:absolute;transform:translate(-50%)}.switch__input:focus-visible+.switch__option .switch__option--label{color:#696fdd;color:var(--color-blue-500);transform:scale(1.1)}.switch__input--annually:checked~.switch__track .switch__thumb{margin-left:0}.switch__input--monthly:checked~.switch__track .switch__thumb{margin-left:var(--thumb-travel-x)}.plan{align-items:center;display:flex;flex-direction:column}.plan__title{color:#6d708d;color:var(--color-gray-300);font-size:2rem;margin-bottom:2.6875rem}.plan__list{display:grid;margin-top:4rem;max-width:30rem;position:relative;text-align:center;width:calc(100vw - 3rem);z-index:99;grid-gap:2rem 0;gap:2rem 0}.plan__item{background:var(--item-background-color);border-radius:.625rem;border-radius:var(--rounded-base);box-shadow:0 16px 48px -8px #696fdd33;box-shadow:var(--shadow-sm);color:var(--item-foreground);padding:2.25rem 1.8125rem 1.9375rem}.plan__item:first-child,.plan__item:nth-child(3){--item-background-color:var(--color-white);--item-button-background:var(--gradient-180);--item-button-foreground:var(--color-gray-50);--item-foreground:var(--color-gray-300);--item-foreground-accent:var(--color-gray-500);--item-border-color:var(--color-gray-100);--item-border-color-accent:var(--color-blue-500);--item-outline-color:var(--color-blue-500)}.plan__item:nth-child(2){--item-button-background:var(--color-white);--item-button-foreground:var(--color-blue-500);--item-foreground:var(--color-gray-50);--item-foreground-accent:var(--color-white);--item-border-color:var(--color-gray-50);--item-border-color-accent:var(--color-gray-50);--item-background-color:var(--gradient-45);--item-outline-color:var(--color-white)}.plan__label{font-size:1.125rem;margin-bottom:1.75rem}.plan__price{align-items:center;color:var(--item-foreground-accent);display:flex;font-size:4.5rem;justify-content:center;letter-spacing:-.03em;margin-bottom:2rem}.plan__price--annually{display:none}.plan__price--currency{font-size:2.5rem;margin-right:.625rem}.plan__detail-list{border-bottom:1px solid var(--item-border-color);margin-bottom:2rem}.plan__detail-item{border-top:1px solid var(--item-border-color);padding:1.125rem 0 1.1875rem}.plan__link{background-color:transparent;border-radius:.5rem;border-radius:var(--rounded-sm);box-shadow:inset 0 0 0 1px var(--item-border-color-accent);color:var(--item-button-foreground);display:block;font-size:.8125rem;letter-spacing:.1em;padding:1rem 0 .9375rem;position:relative;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;transition-duration:.2s;transition-property:color;transition-timing-function:ease}.plan__link--text{position:relative;z-index:999}.plan__link:after{background:var(--item-button-background);border-radius:inherit;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transition-duration:.2s;transition-property:opacity;transition-timing-function:ease}@supports selector(:focus-visible){.plan__link:focus{outline:none}.plan__link:focus-visible{outline:2px dashed var(--item-outline-color);outline-offset:4px}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.main__container{overflow-x:hidden;padding-bottom:clamp(4.4375rem,6vw + 2rem,6.4375rem);padding-top:clamp(4.25rem,6vw + 2rem,4.6875rem);position:relative}.main__bg-pattern--top{position:absolute;right:-12.125rem;top:-2.25rem}.main__bg-pattern--bottom{bottom:0;display:none;left:0;position:absolute;z-index:2}@media screen and (min-width:64em){.plan__list{grid-template-columns:1fr 1fr 1fr;max-width:65.625rem}.plan__item{align-self:center;padding-left:1.9375rem;padding-right:1.9375rem}.plan__item:nth-child(2){padding-bottom:3.4375rem;padding-top:3.75rem}.main__bg-pattern--top{right:0;top:0}.main__bg-pattern--bottom{display:block}}@media (hover:hover){.switch__option:hover .switch__option--label{color:#696fdd;color:var(--color-blue-500);transform:scale(1.1)}.plan__link:hover:after{opacity:0}.plan__item:first-child .plan__link:hover,.plan__item:nth-child(3) .plan__link:hover{--item-button-foreground:var(--color-blue-500)}.plan__item:nth-child(2) .plan__link:hover{--item-button-foreground:var(--color-gray-50)}}@media (prefers-reduced-motion:reduce){.plan__link,.plan__link:after,.switch__option--label,.switch__thumb{transition:none}}