.sc-prism-button-default-h {
    --width: auto;
    --display: inline-block;
    --justify: 'center';
    box-sizing: border-box;
    display: var(--display)
}

[type='button'].sc-prism-button-default-h,
[type='reset'].sc-prism-button-default-h,
[type='submit'].sc-prism-button-default-h {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn.sc-prism-button-default {
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-items: center;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    padding: 0px;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    outline: 2px solid transparent;
    outline-offset: 2px;
    justify-content: var(--justify);
    transition: all 200ms ease-in;
    transition-property: background-color, border-color, box-shadow;
    width: var(--width)
}

.sc-prism-button-default-s>[slot^='icon'] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    --icon-color: inherit
}

.sm.sc-prism-button-default {
    border-radius: 4px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}

.md.sc-prism-button-default {
    border-radius: 4px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.fill.neutral.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-base) / var(--tw-bg-opacity));
    --shadow-color: rgba(6, 6, 7, 0.51)
}

.fill.neutral.sc-prism-button-default:not(.disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(17, 17, 19, 0.51)
}

.fill.neutral.sc-prism-button-default:not(.disabled):active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(23, 23, 27, 0.51)
}

.fill.neutral.sc-prism-button-default:not(.disabled):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-neutral-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(17, 17, 19, 0.51)
}

.fill.neutral-inverse.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-base) / var(--tw-bg-opacity));
    --shadow-color: rgba(91, 91, 93, 0.51)
}

.fill.neutral-inverse.sc-prism-button-default:not(.disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(95, 95, 95, 0.51)
}

.fill.neutral-inverse.sc-prism-button-default:not(.disabled):active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(75, 75, 80, 0.51)
}

.fill.neutral-inverse.sc-prism-button-default:not(.disabled):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-inverse-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1-inverse));
    --shadow-color: rgba(95, 95, 95, 0.51)
}

.fill.theme1.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-base) / var(--tw-bg-opacity));
    --shadow-color: rgba(33, 18, 91, 0.51)
}

.fill.theme1.sc-prism-button-default:not(.disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(18, 0, 51, 0.51)
}

.fill.theme1.sc-prism-button-default:not(.disabled):active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(12, 0, 33, 0.51)
}

.fill.theme1.sc-prism-button-default:not(.disabled):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme1-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(18, 0, 51, 0.51)
}

.fill.theme2.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme2-base) / var(--tw-bg-opacity))
}

.fill.theme.sc-prism-button-default:not(.disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme2-hover) / var(--tw-bg-opacity))
}

.fill.theme2.sc-prism-button-default:not(.disabled):active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme2-down) / var(--tw-bg-opacity))
}

.fill.theme2.sc-prism-button-default:not(.disabled):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme2-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme2-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.fill.info.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-base) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 27, 76, 0.51)
}

.fill.info.sc-prism-button-default:not(.disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 20, 58, 0.51)
}

.fill.info.sc-prism-button-default:not(.disabled):active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 16, 46, 0.51)
}

.fill.info.sc-prism-button-default:not(.disabled):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-info-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(0, 20, 58, 0.51)
}

.fill.caution.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-base) / var(--tw-bg-opacity));
    --shadow-color: rgba(64, 19, 0, 0.51)
}

.fill.caution.sc-prism-button-default:not(.disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(58, 18, 0, 0.51)
}

.fill.caution.sc-prism-button-default:not(.disabled):active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(50, 15, 0, 0.51)
}

.fill.caution.sc-prism-button-default:not(.disabled):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-caution-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(58, 18, 0, 0.51)
}

.fill.positive.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-base) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 35, 27, 0.51)
}

.fill.positive.sc-prism-button-default:not(.disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 27, 20, 0.51)
}

.fill.positive.sc-prism-button-default:not(.disabled):active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 16, 12, 0.51)
}

.fill.positive.sc-prism-button-default:not(.disabled):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-positive-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(0, 27, 20, 0.51)
}

.fill.negative.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-base) / var(--tw-bg-opacity));
    --shadow-color: rgba(66, 0, 19, 0.51)
}

.fill.negative.sc-prism-button-default:not(.disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(50, 0, 15, 0.51)
}

.fill.negative.sc-prism-button-default:not(.disabled):active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(34, 0, 10, 0.51)
}

.fill.negative.sc-prism-button-default:not(.disabled):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-negative-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(50, 0, 15, 0.51)
}

.outline.neutral.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base) / var(--tw-text-opacity));
    background-color: transparent;
    border-color: rgb(var(--border-color-stroke-neutral-base) / var(--tw-border-opacity));
    --tw-border-opacity: 0.15
}

.outline.neutral.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-hover) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(17, 17, 19, 0.51)
}

.outline.neutral.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-hover) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(23, 23, 27, 0.51)
}

.outline.neutral.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-hover) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-neutral-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(17, 17, 19, 0.51)
}

.outline.neutral-inverse.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    background-color: transparent;
    border-color: rgb(var(--border-color-stroke-inverse-base) / var(--tw-border-opacity));
    --tw-border-opacity: 0.15
}

.outline.neutral-inverse.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-hover) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(95, 95, 95, 0.51)
}

.outline.neutral-inverse.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-hover) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(75, 75, 80, 0.51)
}

.outline.neutral-inverse.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-hover) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-inverse-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1-inverse));
    --shadow-color: rgba(95, 95, 95, 0.51)
}

.outline.theme1.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-base) / var(--tw-text-opacity));
    background-color: transparent;
    border-color: rgb(var(--border-color-stroke-theme1-base) / var(--tw-border-opacity));
    --tw-border-opacity: 0.15
}

.outline.theme1.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(18, 0, 51, 0.51)
}

.outline.theme1.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-down) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(12, 0, 33, 0.51)
}

.outline.theme1.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-focus) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme1-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(18, 0, 51, 0.51)
}

.outline.theme2.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme2-base) / var(--tw-text-opacity));
    background-color: transparent;
    border-color: rgb(var(--border-color-stroke-theme2-base) / var(--tw-border-opacity));
    --tw-border-opacity: 0.15
}

.outline.theme2.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-down) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme2-hover) / var(--tw-bg-opacity))
}

.outline.theme2.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-down) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme2-down) / var(--tw-bg-opacity))
}

.outline.theme2.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-focus) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme2-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme2-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.outline.info.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-base) / var(--tw-text-opacity));
    background-color: transparent;
    border-color: rgb(var(--border-color-stroke-info-base) / var(--tw-border-opacity));
    --tw-border-opacity: 0.15
}

.outline.info.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 20, 58, 0.51)
}

.outline.info.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-down) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 16, 46, 0.51)
}

.outline.info.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-focus) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-info-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(0, 20, 58, 0.51)
}

.outline.positive.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-base) / var(--tw-text-opacity));
    background-color: transparent;
    border-color: rgb(var(--border-color-stroke-positive-base) / var(--tw-border-opacity));
    --tw-border-opacity: 0.15
}

.outline.positive.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 27, 20, 0.51)
}

.outline.positive.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-down) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 16, 12, 0.51)
}

.outline.positive.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-focus) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-positive-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(0, 27, 20, 0.51)
}

.outline.caution.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-base) / var(--tw-text-opacity));
    background-color: transparent;
    border-color: rgb(var(--border-color-stroke-caution-base) / var(--tw-border-opacity));
    --tw-border-opacity: 0.15
}

.outline.caution.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(58, 18, 0, 0.51)
}

.outline.caution.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-hover) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(50, 15, 0, 0.51)
}

.outline.caution.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-focus) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-caution-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(58, 18, 0, 0.51)
}

.outline.negative.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-base) / var(--tw-text-opacity));
    background-color: transparent;
    border-color: rgb(var(--border-color-stroke-negative-base) / var(--tw-border-opacity));
    --tw-border-opacity: 0.15
}

.outline.negative.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(50, 0, 15, 0.51)
}

.outline.negative.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-hover) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-down) / var(--tw-bg-opacity));
    --shadow-color: rgba(34, 0, 10, 0.51)
}

.outline.negative.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-focus) / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-focus) / var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-negative-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1));
    --shadow-color: rgba(50, 0, 15, 0.51)
}

.ghost.neutral.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base) / var(--tw-text-opacity))
}

.ghost.neutral.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-hover) / var(--tw-text-opacity))
}

.ghost.neutral.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-down) / var(--tw-text-opacity))
}

.ghost.neutral.sc-prism-button-default:not(.disabled):focus {
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-neutral-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.ghost.neutral-inverse.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity))
}

.ghost.neutral-inverse.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-hover) / var(--tw-text-opacity))
}

.ghost.neutral-inverse.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-down) / var(--tw-text-opacity))
}

.ghost.neutral-inverse.sc-prism-button-default:not(.disabled):focus {
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-inverse-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1-inverse))
}

.ghost.positive.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-base) / var(--tw-text-opacity))
}

.ghost.positive.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-hover) / var(--tw-text-opacity))
}

.ghost.positive.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-down) / var(--tw-text-opacity))
}

.ghost.positive.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-focus) / var(--tw-text-opacity));
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-positive-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.ghost.negative.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-base) / var(--tw-text-opacity))
}

.ghost.negative.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-hover) / var(--tw-text-opacity))
}

.ghost.negative.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-down) / var(--tw-text-opacity))
}

.ghost.negative.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-focus) / var(--tw-text-opacity));
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-negative-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.ghost.caution.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-base) / var(--tw-text-opacity))
}

.ghost.caution.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-hover) / var(--tw-text-opacity))
}

.ghost.caution.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-down) / var(--tw-text-opacity))
}

.ghost.caution.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-focus) / var(--tw-text-opacity));
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-caution-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.ghost.info.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-base) / var(--tw-text-opacity))
}

.ghost.info.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-hover) / var(--tw-text-opacity))
}

.ghost.info.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-down) / var(--tw-text-opacity))
}

.ghost.info.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-focus) / var(--tw-text-opacity));
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-info-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.ghost.theme1.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-base) / var(--tw-text-opacity))
}

.ghost.theme1.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-hover) / var(--tw-text-opacity))
}

.ghost.theme1.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-down) / var(--tw-text-opacity))
}

.ghost.theme1.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-focus) / var(--tw-text-opacity));
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme1-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.ghost.theme2.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme2-base) / var(--tw-text-opacity))
}

.ghost.theme2.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme2-hover) / var(--tw-text-opacity))
}

.ghost.theme2.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme2-down) / var(--tw-text-opacity))
}

.ghost.theme2.sc-prism-button-default:not(.disabled):focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme2-focus) / var(--tw-text-opacity));
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme2-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.link.sc-prism-button-default {
    border-width: 0px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.link.neutral.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base) / var(--tw-text-opacity))
}

.link.neutral.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-hover) / var(--tw-text-opacity))
}

.link.neutral.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-down) / var(--tw-text-opacity))
}

.link.neutral.sc-prism-button-default:not(.disabled):focus {
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-neutral-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.link.neutral-inverse.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity))
}

.link.neutral-inverse.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-hover) / var(--tw-text-opacity))
}

.link.neutral-inverse.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-down) / var(--tw-text-opacity))
}

.link.neutral-inverse.sc-prism-button-default:not(.disabled):focus {
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-inverse-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1-inverse))
}

.link.theme1.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-base) / var(--tw-text-opacity))
}

.link.theme1.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-hover) / var(--tw-text-opacity))
}

.link.theme1.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-down) / var(--tw-text-opacity))
}

.link.theme1.sc-prism-button-default:not(.disabled):focus {
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme1-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.link.theme2.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-base) / var(--tw-text-opacity))
}

.link.theme2.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme2-hover) / var(--tw-text-opacity))
}

.link.theme2.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme2-down) / var(--tw-text-opacity))
}

.link.theme2.sc-prism-button-default:not(.disabled):focus {
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme2-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.link.info.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-base) / var(--tw-text-opacity))
}

.link.info.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-hover) / var(--tw-text-opacity))
}

.link.info.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-down) / var(--tw-text-opacity))
}

.link.info.sc-prism-button-default:not(.disabled):focus {
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-info-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.link.positive.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-base) / var(--tw-text-opacity))
}

.link.positive.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-hover) / var(--tw-text-opacity))
}

.link.positive.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-down) / var(--tw-text-opacity))
}

.link.positive.sc-prism-button-default:not(.disabled):focus {
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-positive-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.link.caution.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-base) / var(--tw-text-opacity))
}

.link.caution.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-hover) / var(--tw-text-opacity))
}

.link.caution.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-down) / var(--tw-text-opacity))
}

.link.caution.sc-prism-button-default:not(.disabled):focus {
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-caution-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.link.negative.sc-prism-button-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-base) / var(--tw-text-opacity))
}

.link.negative.sc-prism-button-default:not(.disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-hover) / var(--tw-text-opacity))
}

.link.negative.sc-prism-button-default:not(.disabled):active {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-down) / var(--tw-text-opacity))
}

.link.negative.sc-prism-button-default:not(.disabled):focus {
    border-radius: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-negative-base) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-1))
}

.disabled.sc-prism-button-default {
    cursor: not-allowed;
    opacity: 0.3
}

.icon.sc-prism-button-default {
    position: relative;
    margin-right: 0.25rem;
    height: 1rem;
    width: 1rem;
    color: inherit
}

@-webkit-keyframes spin {
    to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
    }
}

.circular.sc-prism-button-default {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

@-webkit-keyframes dash {
    0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
    }

    50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px
    }

    100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
    }

    50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px
    }

    100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px
    }
}

.path.sc-prism-button-default {
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round
}

@keyframes dash {
    0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
    }

    50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px
    }

    100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn.sc-prism-button-default {
transition: none
    }

    .btn.sc-prism-button-default::after {
transition: none
    }

    .btn.sc-prism-button-default:hover {
transition: none
    }

    .path.sc-prism-button-default {
-webkit-animation: none;
animation: none
    }

    .circular.sc-prism-button-default {
-webkit-animation: none;
animation: none
    }
}

.sc-prism-input-default-h {
    --icon-offset-x: 0.75rem;
    --icon-offset-y: 0%;
    --input-margin-top: 1rem;
    --input-margin-bottom: 1rem;
    --text-align: left;
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin-top: var(--input-margin-top);
    margin-bottom: var(--input-margin-bottom)
}

.screen-reader-text.sc-prism-input-default {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.label-text.sc-prism-input-default {
    margin-bottom: 0.25rem;
    display: inline-block;
    cursor: pointer;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base) / var(--tw-text-opacity))
}

.hint-container.sc-prism-input-default {
    margin-top: 0.25rem;
    display: flex;
    align-items: center
}

.hint-container.sc-prism-input-default>.sc-prism-input-default:not([hidden])~.sc-prism-input-default:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.hint-text.sc-prism-input-default {
    display: block;
    text-align: left
}

@media (prefers-reduced-motion) {
    .input.sc-prism-input-default {
transition: none
    }
}

.input.sc-prism-input-default {
    font-family: DMSans, Helvetica, sans-serif;
    font-size: 1.00000rem;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.50000;
    text-transform: none;
    box-sizing: border-box;
    width: 100%;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base) / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral2-base) / var(--tw-border-opacity));
    text-align: left;
    text-align: var(--text-align, left);
    transition: border-color, box-shadow, border-radius, padding 0.2s ease
}

.input.minimal.sc-prism-input-default {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem
}

.input.contained.sc-prism-input-default {
    border-radius: 4px;
    border-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-2) / var(--tw-bg-opacity));
    --shadow-color: rgba(91, 91, 93, 0.51);
    padding: 1rem
}

.input.sc-prism-input-default::-webkit-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral2-base) / var(--tw-text-opacity))
}

.input.sc-prism-input-default::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral2-base) / var(--tw-text-opacity))
}

.input.sc-prism-input-default::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral2-base) / var(--tw-text-opacity))
}

.input.contained.sc-prism-input-default:focus {
    border-color: transparent;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme1-base) / var(--tw-ring-opacity))
}

.input.minimal.sc-prism-input-default:focus {
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-theme1-base) / var(--tw-border-opacity))
}

.input.minimal.valid.sc-prism-input-default,
.input.contained.valid.sc-prism-input-default,
.input.minimal.valid.sc-prism-input-default:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-positive-base) / var(--tw-border-opacity))
}

.input.contained.valid.sc-prism-input-default:focus {
    border-color: transparent;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-positive-base) / var(--tw-ring-opacity))
}

.input.minimal.invalid.sc-prism-input-default,
.input.contained.invalid.sc-prism-input-default,
.input.minimal.invalid.sc-prism-input-default:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-negative-base) / var(--tw-border-opacity))
}

.input.contained.invalid.sc-prism-input-default:focus {
    border-color: transparent;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-negative-base) / var(--tw-ring-opacity))
}

.input.icon-leading.sc-prism-input-default {
    padding-left: 3rem
}

.input.minimal.icon-leading.sc-prism-input-default {
    padding-left: 2rem
}

.input.icon-trailing.sc-prism-input-default {
    padding-right: 3.5rem
}

.input.disabled.sc-prism-input-default::-webkit-input-placeholder {
    cursor: not-allowed;
    --tw-border-opacity: 0.3;
    --tw-text-opacity: 0.3
}

.input.disabled.sc-prism-input-default::-moz-placeholder {
    cursor: not-allowed;
    --tw-border-opacity: 0.3;
    --tw-text-opacity: 0.3
}

.input.disabled.sc-prism-input-default::placeholder,
.input.disabled.sc-prism-input-default,
.input.minimal.disabled.sc-prism-input-default,
.input.contained.disabled.sc-prism-input-default {
    cursor: not-allowed;
    --tw-border-opacity: 0.3;
    --tw-text-opacity: 0.3
}

.invalid-text.sc-prism-input-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-base) / var(--tw-text-opacity))
}

.valid-text.sc-prism-input-default {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-base) / var(--tw-text-opacity))
}

.wrap.sc-prism-input-default {
    position: relative;
    display: block
}

.icon-search.sc-prism-input-default,
.sc-prism-input-default-s>[slot^='icon-'] {
    position: absolute;
    z-index: 10;
    --icon-color: inherit;
    top: calc(50% - var(--icon-offset-y));
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-search.sc-prism-input-default {
    pointer-events: none
}

.contained.sc-prism-input-default-h .icon-search.sc-prism-input-default,
.sc-prism-input-default-h.contained .sc-prism-input-default-s>[slot='icon-leading'] {
    left: 1rem
}

.minimal.sc-prism-input-default-h .icon-search.sc-prism-input-default,
.sc-prism-input-default-h.minimal .sc-prism-input-default-s>[slot='icon-leading'] {
    left: 0px
}

.sc-prism-input-default-h.contained .sc-prism-input-default-s>[slot='icon-trailing'] {
    right: 1rem
}

.sc-prism-input-default-h.minimal .sc-prism-input-default-s>[slot='icon-trailing'] {
    right: 0px
}

.sc-prism-input-default-s>button[slot^='icon-'] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none;
    background: transparent
}

.sc-prism-input-default-s>button[slot^='icon-']:focus {
    outline-color: #35353B;
    outline-color: var(--outline-color-neutral, #35353B)
}

.file-button.invalid.sc-prism-input-default {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-negative-base) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-base) / var(--tw-bg-opacity));
    --shadow-color: rgba(66, 0, 19, 0.51)
}

.file-button.invalid.sc-prism-input-default:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-negative-hover) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(50, 0, 15, 0.51)
}

.file-label.sc-prism-input-default {
    display: flex
}

.file-label-disabled.sc-prism-input-default {
    opacity: 0.3
}

.file-label-disabled.sc-prism-input-default .file-button.sc-prism-input-default:hover {
    cursor: not-allowed;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-base) / var(--tw-bg-opacity));
    --shadow-color: rgba(6, 6, 7, 0.51)
}

.focus.sc-prism-input-default {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme1-base) / var(--tw-ring-opacity))
}

.focus.invalid.sc-prism-input-default {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-negative-base) / var(--tw-ring-opacity))
}

.focus.valid.sc-prism-input-default {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-positive-base) / var(--tw-ring-opacity))
}

.file-grid.sc-prism-input-default {
    display: grid;
    grid-template-columns: 1fr -webkit-max-content -webkit-max-content;
    grid-template-columns: 1fr max-content max-content
}

.clear.sc-prism-input-default {
    padding: 0.25rem
}

.clear.sc-prism-input-default:focus {
    outline-color: #35353B;
    outline-color: var(--outline-color-neutral, #35353B)
}

.file.sc-prism-input-default {
    border-color: transparent;
    background-color: transparent;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.placeholder.sc-prism-input-default {
    font-family: DMSans, Helvetica, sans-serif;
    font-size: 0.87500rem;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.50000;
    text-transform: none;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    border-style: solid;
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base) / var(--tw-text-opacity));
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral-base) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-2) / var(--tw-bg-opacity));
    padding: 1rem;
    --shadow-color: rgba(91, 91, 93, 0.51)
}

.placeholder.invalid.sc-prism-input-default {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-negative-base) / var(--tw-border-opacity))
}

.placeholder.valid.sc-prism-input-default {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-positive-base) / var(--tw-border-opacity))
}

.count.sc-prism-input-default,
.placeholder-text.sc-prism-input-default,
.filename.sc-prism-input-default {
    margin-left: 0.25rem;
    margin-right: 0.25rem
}

.file-button.sc-prism-input-default {
    margin-bottom: 0px;
    flex-shrink: 0;
    flex-grow: 0;
    align-self: flex-start;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral-base) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-base) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
    --shadow-color: rgba(6, 6, 7, 0.51);
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    transition: border-color, color, background-color 250ms ease-in-out
}

.focus.sc-prism-input-default .file-button.sc-prism-input-default {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(18, 0, 51, 0.51);
    transition: border-color, opacity, background-color 250ms ease-in-out
}

.focus.sc-prism-input-default .placeholder.sc-prism-input-default {
    border-color: transparent
}

.focus.sc-prism-input-default .file-button.valid.sc-prism-input-default {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-positive-focus) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-focus) / var(--tw-bg-opacity));
    --shadow-color: rgba(0, 27, 20, 0.51)
}

.focus.sc-prism-input-default .file-button.invalid.sc-prism-input-default {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-negative-focus) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-focus) / var(--tw-bg-opacity));
    --shadow-color: rgba(50, 0, 15, 0.51)
}

.file-button.sc-prism-input-default:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral-hover) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-hover) / var(--tw-bg-opacity));
    --shadow-color: rgba(17, 17, 19, 0.51);
    transition: opacity 250ms ease-in-out, border-color 250ms ease-in-out
}

.invalid.month.contained.sc-prism-input-default,
.valid.month.contained.sc-prism-input-default,
.invalid.datetime-local.contained.sc-prism-input-default,
.valid.datetime-local.contained.sc-prism-input-default,
.invalid.date.contained.sc-prism-input-default,
.valid.date.contained.sc-prism-input-default {
    padding-right: 3.5rem
}

.invalid.month.sc-prism-input-default,
.valid.month.sc-prism-input-default,
.invalid.datetime-local.sc-prism-input-default,
.valid.datetime-local.sc-prism-input-default,
.invalid.date.sc-prism-input-default,
.valid.date.sc-prism-input-default {
    padding-right: 1.5rem
}

.number.sc-prism-input-default::-webkit-outer-spin-button,
.number.sc-prism-input-default::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield
}

.invalid.search.contained.sc-prism-input-default,
.valid.search.contained.sc-prism-input-default {
    padding-right: 3.5rem
}

.invalid.search.sc-prism-input-default,
.valid.search.sc-prism-input-default {
    padding-right: 1.75rem
}

@media (prefers-reduced-motion: reduce) {
    .focus.sc-prism-input-default .file-button.sc-prism-input-default {
transition: none
    }

    .file-button.sc-prism-input-default {
transition: none
    }

    .file-button.sc-prism-input-default:hover {
transition: none
    }
}
    