@layer components{.container{margin-left:auto;margin-right:auto}.container.container-size-initial-1{max-width:var(--container-size-1)}.container.container-size-initial-2{max-width:var(--container-size-2)}.container.container-size-initial-3{max-width:var(--container-size-3)}.container.container-size-initial-4{max-width:var(--container-size-4)}.container.container-margin-top-initial-7{margin-top:var(--spacing-7)}@media (min-width:520px){.container.container-size-xs-1{max-width:var(--container-size-1)}.container.container-size-xs-2{max-width:var(--container-size-2)}.container.container-size-xs-3{max-width:var(--container-size-3)}.container.container-size-xs-4{max-width:var(--container-size-4)}}@media (min-width:768px){.container.container-size-sm-1{max-width:var(--container-size-1)}.container.container-size-sm-2{max-width:var(--container-size-2)}.container.container-size-sm-3{max-width:var(--container-size-3)}.container.container-size-sm-4{max-width:var(--container-size-4)}}@media (min-width:1024px){.container.container-size-md-1{max-width:var(--container-size-1)}.container.container-size-md-2{max-width:var(--container-size-2)}.container.container-size-md-3{max-width:var(--container-size-3)}.container.container-size-md-4{max-width:var(--container-size-4)}}@media (min-width:1280px){.container.container-size-lg-1{max-width:var(--container-size-1)}.container.container-size-lg-2{max-width:var(--container-size-2)}.container.container-size-lg-3{max-width:var(--container-size-3)}.container.container-size-lg-4{max-width:var(--container-size-4)}}@media (min-width:1640px){.container.container-size-xl-1{max-width:var(--container-size-1)}.container.container-size-xl-2{max-width:var(--container-size-2)}.container.container-size-xl-3{max-width:var(--container-size-3)}.container.container-size-xl-4{max-width:var(--container-size-4)}}}
@layer components{.paper.paper-box-shadow-initial{box-shadow:var(--box-shadow-1)}.paper.paper-background-initial-background-paper{background:var(--color-background-paper)}.paper.paper-border-radius-initial-2{border-radius:var(--border-radius-2)}.paper.paper-border-radius-initial-3{border-radius:var(--border-radius-3)}.paper.paper-border-radius-initial-full{border-radius:var(--border-radius-full)}.paper.paper-padding-initial-1{padding:var(--spacing-1)}.paper.paper-padding-initial-2{padding:var(--spacing-2)}.paper.paper-padding-initial-6{padding:var(--spacing-6)}.paper.paper-padding-initial-8{padding:var(--spacing-8)}.paper.paper-padding-x-initial-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.paper.paper-padding-y-initial-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.paper.paper-padding-y-initial-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.paper.paper-shadow-initial-1{box-shadow:var(--box-shadow-1)}.paper.paper-shadow-initial-2{box-shadow:var(--box-shadow-2)}.paper.paper-border-initial{border:1px solid var(--color-border-2)}.paper.paper-height-initial-full{height:100%}@media (min-width:520px){.paper.paper-padding-xs-6{padding:var(--spacing-6)}.paper.paper-padding-xs-1{padding:var(--spacing-1)}.paper.paper-padding-xs-2{padding:var(--spacing-2)}.paper.paper-padding-xs-8{padding:var(--spacing-8)}.paper.paper-padding-y-xs-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.paper.paper-padding-y-xs-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.paper.paper-background-xs-background-paper{background:var(--color-background-paper)}.paper.paper-box-shadow-xs{box-shadow:var(--box-shadow-1)}}}
@layer components{.section{padding:var(--spacing-10)0}.section.section-padding-x-initial-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}
@layer components{.flex{display:flex}.flex.flex-direction-initial-row{flex-direction:row}.flex.flex-direction-initial-column{flex-direction:column}.flex.flex-gap-initial-1{gap:var(--spacing-1)}.flex.flex-gap-initial-2{gap:var(--spacing-2)}.flex.flex-gap-initial-3{gap:var(--spacing-3)}.flex.flex-gap-initial-5{gap:var(--spacing-5)}.flex.flex-gap-row-initial-4{row-gap:var(--spacing-4)}.flex.flex-gap-row-initial-5{row-gap:var(--spacing-5)}.flex.flex-gap-row-initial-6{row-gap:var(--spacing-6)}.flex.flex-align-initial-start{align-items:start}.flex.flex-align-initial-center{align-items:center}.flex.flex-justify-initial-center{justify-content:center}.flex.flex-wrap-initial-wrap{flex-wrap:wrap}.flex.flex-width-initial-full{width:100%}.flex.flex-height-initial-full{height:100%}.flex.flex-position-initial-relative{position:relative}@media (min-width:520px){.flex.flex-gap-row-xs-4{row-gap:var(--spacing-4)}.flex.flex-gap-row-xs-5{row-gap:var(--spacing-5)}.flex.flex-gap-row-xs-6{row-gap:var(--spacing-6)}}}
@layer components{.heading-1{font-weight:var(--font-weight-bold)}.heading-1.heading-1-font-size-initial-8{font-size:var(--font-size-8);line-height:var(--line-height-8);letter-spacing:var(--letter-spacing-8)}.heading-1.heading-1-font-size-initial-9{font-size:var(--font-size-9);line-height:var(--line-height-9);letter-spacing:var(--letter-spacing-9)}.heading-1.heading-1-color-initial-accent{color:var(--color-accent)}.heading-1.heading-1-text-align-initial-center{text-align:center}.heading-2{font-weight:var(--font-weight-regular)}.heading-2.heading-2-font-size-initial-3{font-size:var(--font-size-3);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-3)}.heading-2.heading-2-font-size-initial-5{font-size:var(--font-size-5);line-height:var(--line-height-5);letter-spacing:var(--letter-spacing-5)}.heading-2.heading-2-color-initial-gray{color:var(--color-gray)}.heading-2.heading-2-text-align-initial-center{text-align:center}.heading-2.heading-2-width-initial-full{width:100%}.heading-2.heading-2-margin-x-initial-auto{margin-left:auto;margin-right:auto}.small-text{font-size:var(--font-size-1);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-1);color:var(--color-gray)}.small-text.small-text-color-initial-accent{color:var(--color-accent)}.small-text.small-text-color-initial-dark{color:var(--color-foreground)}.small-text.small-text-color-initial-error{color:var(--color-error)}.small-text.small-text-weight-initial-medium{font-weight:var(--font-weight-medium)}.small-text.small-text-margin-bottom-initial-1{margin-bottom:var(--spacing-1)}.text{font-size:var(--font-size-2);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-2)}.text.text-color-initial-gray{color:var(--color-gray)}.text.text-line-clamp{-webkit-line-clamp:var(--text-line-clamp);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text.text-text-align-initial-center{text-align:center}.text.text-width-initial-1\/2{width:50%}.large-text{font-size:var(--font-size-4);line-height:var(--line-height-4);letter-spacing:var(--letter-spacing-4);font-weight:var(--font-weight-medium)}@media (min-width:520px){.heading-1.heading-1-font-size-xs-8{font-size:var(--font-size-8);line-height:var(--line-height-8);letter-spacing:var(--letter-spacing-8)}.heading-1.heading-1-font-size-xs-9{font-size:var(--font-size-9);line-height:var(--line-height-9);letter-spacing:var(--letter-spacing-9)}.heading-2.heading-2-font-size-xs-3{font-size:var(--font-size-3);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-3)}.heading-2.heading-2-font-size-xs-5{font-size:var(--font-size-5);line-height:var(--line-height-5);letter-spacing:var(--letter-spacing-5)}.heading-2.heading-2-width-xs-4\/5{width:80%}.small-text{font-size:var(--font-size-2);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-2);color:var(--color-gray)}.text{font-size:var(--font-size-3);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-3)}.large-text{font-size:var(--font-size-5);line-height:var(--line-height-5);letter-spacing:var(--letter-spacing-5);font-weight:var(--font-weight-medium)}}}
@layer components{.button{font-weight:var(--font-weight-medium);font-size:var(--font-size-3);padding-left:var(--spacing-4);padding-right:var(--spacing-4);line-height:var(--spacing-6);letter-spacing:normal;height:var(--button-base-height);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:var(--transition-timing-function);transition-duration:var(--transition-duration)}.button.button-variant-initial-ghost{color:var(--color-gray);background-color:#0000}.button.button-variant-initial-ghost:hover{background-color:var(--color-background);color:var(--color-foreground)}.button.button-variant-initial-primary{background-color:var(--color-accent);color:var(--color-accent-contrast)}.button.button-variant-initial-primary:hover{background-color:var(--color-accent-dark)}.button.button-variant-initial-soft{background-color:var(--color-accent-light);color:var(--color-accent)}.button.button-variant-initial-soft:hover{background-color:var(--color-accent-light-hover)}.button.button-variant-initial-outline{border:1px solid var(--color-border-2);color:var(--color-foreground);background-color:#0000}.button.button-variant-initial-outline:hover{background-color:var(--color-accent-light)}.button.button-border-radius-initial-2{border-radius:var(--border-radius-2)}.button.button-border-radius-initial-full{border-radius:var(--border-radius-full)}.button.button-margin-left-initial-auto{margin-left:auto}.button.button-width-initial-auto{width:auto}.button.button-width-initial-full{width:100%}.button.button-height-initial-auto{height:auto}.button.button-width-initial-9{width:var(--spacing-9)}.button.button-height-initial-9{height:var(--spacing-9)}.button.button-padding-initial-0{padding:0}.button.button-padding-initial-3{padding:var(--spacing-3)}}
@layer components{.grid{width:100%;display:grid}.grid>*{height:100%}.grid.grid-gap-initial-5{gap:var(--spacing-5)}.grid.grid-gap-initial-6{gap:var(--spacing-6)}.grid-cols-initial-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-initial-2{grid-template-columns:repeat(2,1fr)}.grid-cols-initial-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:520px){.grid-cols-xs-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-xs-2{grid-template-columns:repeat(2,1fr)}.grid-cols-xs-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.grid-cols-sm-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-sm-2{grid-template-columns:repeat(2,1fr)}.grid-cols-sm-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.grid-cols-md-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-md-2{grid-template-columns:repeat(2,1fr)}.grid-cols-md-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.grid-cols-lg-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-lg-2{grid-template-columns:repeat(2,1fr)}.grid-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1640px){.grid-cols-xl-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-xl-2{grid-template-columns:repeat(2,1fr)}.grid-cols-xl-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}
@layer components{.icon{display:inline-flex}.icon.icon-color-initial-gray{color:var(--color-gray)}.icon.icon-color-initial-accent{color:var(--color-accent)}}
@layer components{.box.box-margin-top-initial-auto{margin-top:auto}.box.box-flex-initial-1{flex:1}.box.box-position-initial-absolute{position:absolute}.box.box-padding-x-initial-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.box.box-padding-x-initial-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.box.box-padding-y-initial-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.box.box-border-radius-initial-2{border-radius:var(--border-radius-2)}.box.box-border-initial{border:1px solid var(--color-border-2);transition:border-color var(--transition-duration)var(--transition-timing-function)}.box.box-border-initial:focus-within{border-color:var(--color-accent)}.box.box-background-initial-background{background:var(--color-background)}}
@layer components{.input-with-icon-label{cursor:pointer;align-items:center;display:flex}.input-with-icon-label.input-with-icon-label-padding-top-1{padding-top:var(--spacing-1)}.input-with-icon input,.input-with-icon textarea,.input-with-icon select{width:100%;color:var(--color-foreground);font-size:var(--font-size-2);line-height:var(--line-height-2);background:0 0;border:none;outline:none;flex:1}.input-with-icon input::placeholder,.input-with-icon textarea::placeholder{color:var(--color-gray)}.input-with-icon textarea{resize:vertical;min-height:100px}}
