.common-button.svelte-12knki2{display:grid;inline-size:clamp(14.6133333333rem,73.0666666667vw,35.072rem);padding:clamp(.64rem,3.2vw,1.536rem) clamp(.7466666667rem,3.7333333333vw,1.792rem) clamp(.7466666667rem,3.7333333333vw,1.792rem);touch-action:manipulation;border:solid clamp(.0533333333rem,.2666666667vw,.128rem) var(--color-blackish);border-radius:clamp(2.24rem,11.2vw,5.376rem)}@media(min-width:48rem){.common-button.svelte-12knki2{inline-size:min(100%,clamp(10.9333333333rem,22.7777777778vw,20.5rem));padding:clamp(.4rem,.8333333333vw,.75rem) clamp(.4rem,.8333333333vw,.75rem) clamp(.4666666667rem,.9722222222vw,.875rem);border-width:clamp(.0666666667rem,.1388888889vw,.125rem);border-radius:clamp(2.8rem,5.8333333333vw,5.25rem)}}.common-button.svelte-12knki2:has(>.icon:where(.svelte-12knki2)){position:relative}@media(min-width:48rem){.common-button[data-variant=pc-compact].svelte-12knki2{inline-size:clamp(12.4333333333rem,25.9027777778vw,23.3125rem);padding-block:clamp(.2666666667rem,.5555555556vw,.5rem) clamp(.3rem,.625vw,.5625rem)}}@media(min-width:48rem){.common-button[data-variant=pc-wide].svelte-12knki2{inline-size:clamp(13.1rem,27.2916666667vw,24.5625rem)}}.common-button.svelte-12knki2>.text:where(.svelte-12knki2){font-size:clamp(.6933333333rem,3.4666666667vw,1.664rem);font-weight:600;line-height:1.5384615385;text-align:center}@media(min-width:48rem){.common-button.svelte-12knki2>.text:where(.svelte-12knki2){font-size:clamp(.5333333333rem,1.1111111111vw,1rem);line-height:1.75;letter-spacing:.084em}}.common-button.svelte-12knki2>.icon:where(.svelte-12knki2){position:absolute}.common-button.svelte-12knki2>.icon[data-variant=modal-open]:where(.svelte-12knki2),.common-button.svelte-12knki2>.icon[data-variant=modal-close]:where(.svelte-12knki2){inset:0 clamp(.6933333333rem,3.4666666667vw,1.664rem) 0 auto;display:grid;place-content:center;inline-size:clamp(1.3333333333rem,6.6666666667vw,3.2rem);block-size:clamp(1.3333333333rem,6.6666666667vw,3.2rem);margin-block:auto;background-color:var(--color-white);border:solid clamp(.0533333333rem,.2666666667vw,.128rem) var(--color-blackish);border-radius:50%}@media(min-width:48rem){.common-button.svelte-12knki2>.icon[data-variant=modal-open]:where(.svelte-12knki2),.common-button.svelte-12knki2>.icon[data-variant=modal-close]:where(.svelte-12knki2){inset-inline-end:clamp(.4333333333rem,.9027777778vw,.8125rem);inline-size:clamp(.8666666667rem,1.8055555556vw,1.625rem);block-size:clamp(.8666666667rem,1.8055555556vw,1.625rem);border-width:clamp(.0666666667rem,.1388888889vw,.125rem)}}.common-button.svelte-12knki2>.icon[data-variant=modal-open]:where(.svelte-12knki2):before,.common-button.svelte-12knki2>.icon[data-variant=modal-open]:where(.svelte-12knki2):after,.common-button.svelte-12knki2>.icon[data-variant=modal-close]:where(.svelte-12knki2):before,.common-button.svelte-12knki2>.icon[data-variant=modal-close]:where(.svelte-12knki2):after{inline-size:clamp(.5333333333rem,2.6666666667vw,1.28rem);block-size:clamp(.0533333333rem,.2666666667vw,.128rem);content:"";background-color:var(--color-blackish)}@media(min-width:48rem){.common-button.svelte-12knki2>.icon[data-variant=modal-open]:where(.svelte-12knki2):before,.common-button.svelte-12knki2>.icon[data-variant=modal-open]:where(.svelte-12knki2):after,.common-button.svelte-12knki2>.icon[data-variant=modal-close]:where(.svelte-12knki2):before,.common-button.svelte-12knki2>.icon[data-variant=modal-close]:where(.svelte-12knki2):after{inline-size:clamp(.3333333333rem,.6944444444vw,.625rem);block-size:clamp(.0666666667rem,.1388888889vw,.125rem)}}.common-button.svelte-12knki2>.icon[data-variant=modal-open]:where(.svelte-12knki2):before,.common-button.svelte-12knki2>.icon[data-variant=modal-open]:where(.svelte-12knki2):after{grid-area:1/1}.common-button.svelte-12knki2>.icon[data-variant=modal-open]:where(.svelte-12knki2):after{rotate:90deg}.common-button.svelte-12knki2>.icon[data-variant=modal-close]:where(.svelte-12knki2):after{content:none}.common-button.svelte-12knki2{background-color:var(--background-color)}.common-button[data-color=teal].svelte-12knki2{--background-color: var(--color-teal);--text-color: inherit;--background-color-hover: var(--color-blackish);--text-color-hover: var(--color-offwhite)}.common-button[data-color=deepgreen].svelte-12knki2{--background-color: var(--color-deepgreen);--text-color: var(--color-white);--background-color-hover: var(--color-offwhite);--text-color-hover: var(--color-blackish)}.common-button[data-color=blackish].svelte-12knki2{--background-color: var(--color-blackish);--text-color: var(--color-offwhite);--background-color-hover: var(--color-offwhite);--text-color-hover: var(--color-blackish)}.common-button[data-color=white].svelte-12knki2{--background-color: var(--color-white);--text-color: inherit;--background-color-hover: var(--color-blackish);--text-color-hover: var(--color-offwhite)}.common-button[data-color=offwhite].svelte-12knki2{--background-color: var(--color-offwhite);--text-color: inherit;--background-color-hover: var(--color-blackish);--text-color-hover: var(--color-offwhite)}.common-button.svelte-12knki2>.text:where(.svelte-12knki2){color:var(--text-color)}@media(any-hover:hover){.common-button.svelte-12knki2{transition:background-color var(--hover-out-duration) var(--hover-out-timing-function)}.common-button.svelte-12knki2>.text:where(.svelte-12knki2){transition:color var(--hover-out-duration) var(--hover-out-timing-function)}.common-button.svelte-12knki2:hover{background-color:var(--background-color-hover);transition-timing-function:var(--hover-in-timing-function);transition-duration:var(--hover-in-duration)}.common-button.svelte-12knki2:hover>.text:where(.svelte-12knki2){color:var(--text-color-hover);transition-timing-function:var(--hover-in-timing-function);transition-duration:var(--hover-in-duration)}}
