.kXfkuI57nIY- {
    background-color: var(--otkit-color-background-alt);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: var(--otkit-color-foreground-default);
    flex-direction: column
}

._1XTpF2CTM68- {
    width: 18.75rem;
    margin: .5rem
}

.TIGKC6q6zZo- {
    padding: 1.5rem;
    background-color: var(--otkit-color-background-default);
    box-shadow: 0 .0625rem #0000001a;
    border-radius: .3125rem
}

.dcPgQgV4-M0- {
    color: var(--otkit-color-foreground-default)
}

.cLk1UdZUWaE- {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.cLk1UdZUWaE- a,.cLk1UdZUWaE- a:hover,.cLk1UdZUWaE- a:visited,.cLk1UdZUWaE- a:active {
    color: var(--otkit-color-teal-lighter);
    font-size: 16px;
    text-decoration: none
}

.q0JYaIahKwU- {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    z-index: 999999
}

.irNswZTgdxU- {
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    min-width: 1.5rem;
    font-size: 0;
    line-height: 1
}

.irNswZTgdxU- svg {
    width: inherit;
    height: inherit
}

.QC0z4PpKUqI- {
    position: fixed;
    inset: 0;
    z-index: 200;
    background-color: #0000008f
}

.WnkDWMZxXEk- {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 1.5em;
    padding: 16px
}

.xRngjW5mMVU- {
    border-bottom: .0625rem solid var(--otkit-color-border-divider);
    position: relative
}

.vMksX3Uh-lE- {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.Rg3xAR5XnvU- {
    position: absolute;
    inset: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: var(--otkit-color-background-default)
}

.pcR3ddqmeR8- {
    inset: 50% auto auto 50%;
    transform: translate(-50%,-50%);
    border-radius: 4px;
    outline: none
}

.UFhIq2ZHwNk- {
    top: auto;
    overflow-y: scroll;
    max-height: 100vh;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    outline: none
}

._7--JpM-csU0- {
    height: 1.5rem;
    width: 1.5rem;
    padding: 0;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    border: none;
    z-index: 1;
    position: absolute;
    right: 16px
}

.m4klJ2jyNzk- {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 16px;
    box-sizing: border-box;
    text-align: center
}

@media (min-width: 768px) {
    .Rg3xAR5XnvU- {
        position:absolute;
        inset: 50% auto auto 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        max-width: modal-desktop-size;
        max-height: modal-desktop-size;
        overflow-y: auto;
        outline: none;
        border-radius: 4px
    }
}

@media (min-width: 1056px) {
    .Rg3xAR5XnvU- {
        width:45%
    }
}

._3y2jpx-O-d4- {
    cursor: pointer;
    border: none;
    outline: none;
    transition: all .3s ease-out;
    border-radius: 4px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

._3vGE85uDTo0- {
    padding: .75rem 16px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500
}

.CThPxXrzskE- {
    padding: .375rem 16px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500
}

.q9e8OoJuAa8- {
    padding: .125rem 8px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500
}

.pBAkg08OFHQ- {
    background-color: var(--otkit-color-red);
    color: var(--otkit-color-white)
}

.pBAkg08OFHQ-.X1q-H2CeXzY- {
    background-color: var(--otkit-color-ash-dark)
}

.pBAkg08OFHQ-:focus:not(:disabled),.pBAkg08OFHQ-:hover:not(:disabled) {
    background-color: var(--otkit-color-red-light)
}

.pBAkg08OFHQ-.X1q-H2CeXzY-:focus:not(:disabled),.pBAkg08OFHQ-.X1q-H2CeXzY-:hover:not(:disabled) {
    background-color: var(--otkit-color-ash)
}

.pBAkg08OFHQ-:active:hover:not(:disabled) {
    background-color: var(--otkit-color-background-action-pressed)
}

.pBAkg08OFHQ-.X1q-H2CeXzY-:active:hover:not(:disabled) {
    background-color: var(--otkit-color-ash)
}

.pBAkg08OFHQ-:disabled {
    background-color: var(--otkit-color-ash-lightest);
    color: var(--otkit-color-ash);
    cursor: default
}

.rh4f9n3b2Kc- {
    background-color: transparent;
    border-width: .0625rem;
    border-color: var(--otkit-color-border-default);
    color: var(--otkit-color-foreground-default);
    border-style: solid;
    transition: unset
}

.rh4f9n3b2Kc-._3vGE85uDTo0- {
    padding: .6875rem calc(16px - .0625rem)
}

.rh4f9n3b2Kc-.CThPxXrzskE- {
    padding: .3125rem calc(16px - .0625rem)
}

.rh4f9n3b2Kc-.q9e8OoJuAa8- {
    padding: .0625rem calc(8px - .0625rem)
}

.rh4f9n3b2Kc-:focus:not(:disabled),.rh4f9n3b2Kc-:hover:not(:disabled) {
    border-color: var(--otkit-color-red);
    border-width: .0625rem
}

.rh4f9n3b2Kc-.X1q-H2CeXzY-:focus:not(:disabled),.rh4f9n3b2Kc-.X1q-H2CeXzY-:hover:not(:disabled) {
    border-color: var(--otkit-color-ash-dark);
    border-width: .0625rem
}

.rh4f9n3b2Kc-:active:hover:not(:disabled) {
    border-color: var(--otkit-color-red);
    border-width: .125rem
}

.rh4f9n3b2Kc-.X1q-H2CeXzY-:active:hover:not(:disabled) {
    border-color: var(--otkit-color-ash-dark);
    border-width: .125rem
}

.rh4f9n3b2Kc-._3vGE85uDTo0-:active:hover:not(:disabled) {
    padding: .625rem calc(16px - .125rem)
}

.rh4f9n3b2Kc-.CThPxXrzskE-:active:hover:not(:disabled) {
    padding: .25rem calc(16px - .125rem)
}

.rh4f9n3b2Kc-.q9e8OoJuAa8-:active:hover:not(:disabled) {
    padding: 0rem calc(8px - .125rem)
}

.rh4f9n3b2Kc-:disabled {
    background-color: var(--otkit-color-ash-lightest);
    border-color: var(--otkit-color-border-disabled);
    color: var(--otkit-color-ash);
    cursor: default
}

.uohEZXv3CMg- {
    color: var(--otkit-color-foreground-action);
    background-color: transparent
}

.uohEZXv3CMg-:focus:not(:disabled),.uohEZXv3CMg-:hover:not(:disabled) {
    text-decoration: underline
}

.uohEZXv3CMg-:active:hover:not(:disabled) {
    text-decoration: underline;
    color: var(--otkit-color-red-dark)
}

.uohEZXv3CMg-:disabled {
    color: var(--otkit-color-ash);
    cursor: default
}

.MSzY1aFyA5I- {
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all .3s ease-out
}

.YgjZmsoa-Gk- {
    font-weight: 700
}

.xS3SLxNrNzk- {
    font-weight: 500
}

._3pWpWi7I-U8- {
    height: 45px;
}

.SX2tEjHmqUY- {
    height: 2rem
}

.VVTDKCFa1Lg- {
    border-radius: 4px
}

.H-HxM96BggY- {
    background-color: var(--otkit-color-red);
    color: var(--otkit-color-white)
}

.H-HxM96BggY-:hover:not(:disabled),.H-HxM96BggY-:focus:not(:disabled) {
    background-color: #b8222d
}

.oQX9S-2mqnc- {
    background-color: var(--otkit-color-background-default);
    color: var(--otkit-color-foreground-default);
    border: var(--otkit-color-border-default) .0625rem solid
}

.oQX9S-2mqnc-:hover:not(:disabled),.oQX9S-2mqnc-:focus:not(:disabled) {
    background-color: var(--otkit-color-ash-lightest)
}

._2PVn-6lKNO0- {
    background-color: transparent;
    color: var(--otkit-color-white);
    border: var(--otkit-color-white) .0625rem solid
}

._2PVn-6lKNO0-:hover:not(:disabled),._2PVn-6lKNO0-:focus:not(:disabled) {
    background-color: #ffffff40
}

._71NDiZ6Iipg- {
    background-color: transparent;
    color: var(--otkit-color-foreground-action);
    border: none
}

._71NDiZ6Iipg-:hover:not(:disabled),._71NDiZ6Iipg-:focus:not(:disabled) {
    background-color: var(--otkit-color-ash-lightest)
}

.MSzY1aFyA5I-:disabled {
    background-color: var(--otkit-color-ash-lightest);
    color: var(--otkit-color-ash);
    cursor: default
}

.H-HxM96BggY-.RJClgTcdrWs- {
    background-color: var(--otkit-color-ash-dark)
}

.H-HxM96BggY-.RJClgTcdrWs-:hover:not(:disabled),.H-HxM96BggY-.RJClgTcdrWs-:focus:not(:disabled) {
    background-color: var(--otkit-color-ash)
}

.oQX9S-2mqnc-.RJClgTcdrWs- {
    transition: none
}

.oQX9S-2mqnc-.RJClgTcdrWs-:hover:not(:disabled),.oQX9S-2mqnc-.RJClgTcdrWs-:focus:not(:disabled) {
    background-color: var(--otkit-color-white);
    border: var(--otkit-color-ash-dark) .0625rem solid
}

.oQX9S-2mqnc-.RJClgTcdrWs-:active:focus:not(:disabled) {
    border: var(--otkit-color-ash-dark) .125rem solid
}

.oQX9S-2mqnc-.RJClgTcdrWs-:disabled {
    border: none;
    color: var(--otkit-color-ash);
    background-color: var(--otkit-color-ash-lightest)
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: .0625rem dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -.125rem
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --otkit-color-brand: var(--otkit-color-red);
    --otkit-color-brand-hover: var(--otkit-color-red-light);
    --otkit-color-brand-pressed: var(--otkit-color-red-dark);
    --otkit-color-brand-alt-light: var(--otkit-color-red-lightest);
    --otkit-color-brand-alt-dark: var(--otkit-color-red-darker);
    --otkit-color-on-brand: var(--otkit-color-white)
}

:root {
    --otkit-color-foreground-default: var(--otkit-color-ash-dark);
    --otkit-color-foreground-alt: var(--otkit-color-ash);
    --otkit-color-foreground-disabled: var(--otkit-color-ash-light);
    --otkit-color-foreground-disabled-alt: var(--otkit-color-ash-lighter);
    --otkit-color-foreground-action: var(--otkit-color-brand);
    --otkit-color-foreground-on-action: var(--otkit-color-on-brand);
    --otkit-color-foreground-on-neutral: var(--otkit-color-white);
    --otkit-color-foreground-info: var(--otkit-color-teal);
    --otkit-color-foreground-on-info: var(--otkit-color-white);
    --otkit-color-foreground-success: var(--otkit-color-green);
    --otkit-color-foreground-on-success: var(--otkit-color-white);
    --otkit-color-foreground-warning: var(--otkit-color-yellow-light);
    --otkit-color-foreground-on-warning: var(--otkit-color-ash-darker);
    --otkit-color-foreground-danger: var(--otkit-color-red-dark);
    --otkit-color-foreground-on-danger: var(--otkit-color-white);
    --otkit-color-foreground-accent-orange: var(--otkit-color-orange);
    --otkit-color-foreground-accent-orange-secondary: var(--otkit-color-orange-lighter);
    --otkit-color-foreground-on-accent-orange: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-orange-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-yellow: var(--otkit-color-yellow-light);
    --otkit-color-foreground-on-accent-yellow: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-lemon: var(--otkit-color-lemon-light);
    --otkit-color-foreground-on-accent-lemon: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-lime: var(--otkit-color-lime);
    --otkit-color-foreground-accent-lime-secondary: var(--otkit-color-lime-lighter);
    --otkit-color-foreground-on-accent-lime: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-lime-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-green: var(--otkit-color-green);
    --otkit-color-foreground-accent-green-secondary: var(--otkit-color-green-lighter);
    --otkit-color-foreground-on-accent-green: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-green-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-aqua: var(--otkit-color-aqua-light);
    --otkit-color-foreground-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
    --otkit-color-foreground-on-accent-aqua: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-aqua-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-teal: var(--otkit-color-teal-light);
    --otkit-color-foreground-accent-teal-secondary: var(--otkit-color-teal-lighter);
    --otkit-color-foreground-on-accent-teal: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-teal-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-blue: var(--otkit-color-blue);
    --otkit-color-foreground-accent-blue-secondary: var(--otkit-color-blue-lighter);
    --otkit-color-foreground-on-accent-blue: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-blue-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-violet: var(--otkit-color-violet);
    --otkit-color-foreground-accent-violet-secondary: var(--otkit-color-violet-lighter);
    --otkit-color-foreground-on-accent-violet: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-violet-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-purple: var(--otkit-color-purple);
    --otkit-color-foreground-accent-purple-secondary: var(--otkit-color-purple-lighter);
    --otkit-color-foreground-on-accent-purple: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-purple-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-fuchsia: var(--otkit-color-fuchsia);
    --otkit-color-foreground-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
    --otkit-color-foreground-on-accent-fuchsia: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-fuchsia-secondary: var(--otkit-color-ash-darker);
    --otkit-color-background-default: var(--otkit-color-white);
    --otkit-color-background-alt: var(--otkit-color-ash-lightest);
    --otkit-color-background-elevation: var(--otkit-color-white);
    --otkit-color-background-inset: var(--otkit-color-ash-lightest);
    --otkit-color-background-hover: #f8f8f9;
    --otkit-color-background-pressed: #e4e5e7;
    --otkit-color-background-disabled: var(--otkit-color-ash-lighter);
    --otkit-color-background-disabled-alt: var(--otkit-color-ash-lightest);
    --otkit-color-background-overlay: var(--otkit-color-overlay);
    --otkit-color-background-action: var(--otkit-color-brand);
    --otkit-color-background-action-hover: var(--otkit-color-brand-hover);
    --otkit-color-background-action-pressed: var(--otkit-color-brand-pressed);
    --otkit-color-background-action-alt: var(--otkit-color-brand-alt-light);
    --otkit-color-background-action-highlight: var(--otkit-color-brand-alt-light);
    --otkit-color-background-inactive: var(--otkit-color-ash-lighter);
    --otkit-color-background-neutral: var(--otkit-color-ash-light);
    --otkit-color-background-info: var(--otkit-color-teal-dark);
    --otkit-color-background-info-alt: var(--otkit-color-teal-lightest);
    --otkit-color-background-info-highlight: var(--otkit-color-teal-lightest);
    --otkit-color-background-success: var(--otkit-color-green);
    --otkit-color-background-success-alt: var(--otkit-color-green-lightest);
    --otkit-color-background-success-highlight: var(--otkit-color-green-lightest);
    --otkit-color-background-warning: var(--otkit-color-yellow-light);
    --otkit-color-background-warning-hover: var(--otkit-color-yellow-lighter);
    --otkit-color-background-warning-pressed: var(--otkit-color-yellow);
    --otkit-color-background-warning-alt: var(--otkit-color-yellow-lightest);
    --otkit-color-background-warning-highlight: var(--otkit-color-yellow-lightest);
    --otkit-color-background-danger: var(--otkit-color-red-light);
    --otkit-color-background-danger-hover: var(--otkit-color-red-lighter);
    --otkit-color-background-danger-pressed: var(--otkit-color-red-dark);
    --otkit-color-background-danger-alt: var(--otkit-color-red-lightest);
    --otkit-color-background-danger-highlight: var(--otkit-color-red-lightest);
    --otkit-color-background-accent-orange: var(--otkit-color-orange);
    --otkit-color-background-accent-orange-hover: #d57b5e;
    --otkit-color-background-accent-orange-pressed: #963b1e;
    --otkit-color-background-accent-orange-secondary: var(--otkit-color-orange-lighter);
    --otkit-color-background-accent-orange-secondary-hover: #f0c3b5;
    --otkit-color-background-accent-orange-secondary-pressed: #b87c69;
    --otkit-color-background-accent-orange-alt: var(--otkit-color-orange-lightest);
    --otkit-color-background-accent-orange-highlight: var(--otkit-color-orange-lightest);
    --otkit-color-background-accent-yellow: var(--otkit-color-yellow-light);
    --otkit-color-background-accent-yellow-hover: #fdcf6a;
    --otkit-color-background-accent-yellow-pressed: #ca8c06;
    --otkit-color-background-accent-yellow-alt: var(--otkit-color-yellow-lightest);
    --otkit-color-background-accent-yellow-highlight: var(--otkit-color-yellow-lightest);
    --otkit-color-background-accent-lemon: var(--otkit-color-lemon-light);
    --otkit-color-background-accent-lemon-hover: #fff17a;
    --otkit-color-background-accent-lemon-pressed: #ccba1b;
    --otkit-color-background-accent-lemon-alt: var(--otkit-color-lemon-lightest);
    --otkit-color-background-accent-lemon-highlight: var(--otkit-color-lemon-lightest);
    --otkit-color-background-accent-lime: var(--otkit-color-lime);
    --otkit-color-background-accent-lime-hover: #a7b45d;
    --otkit-color-background-accent-lime-pressed: #67741d;
    --otkit-color-background-accent-lime-secondary: var(--otkit-color-lime-lighter);
    --otkit-color-background-accent-lime-secondary-hover: #eaf3b8;
    --otkit-color-background-accent-lime-secondary-pressed: #b0bc6e;
    --otkit-color-background-accent-lime-alt: var(--otkit-color-lime-lightest);
    --otkit-color-background-accent-lime-highlight: var(--otkit-color-lime-lightest);
    --otkit-color-background-accent-green: var(--otkit-color-green);
    --otkit-color-background-accent-green-hover: #63a479;
    --otkit-color-background-accent-green-pressed: #236439;
    --otkit-color-background-accent-green-secondary: var(--otkit-color-green-lighter);
    --otkit-color-background-accent-green-secondary-hover: #a2deb7;
    --otkit-color-background-accent-green-secondary-pressed: #50a06c;
    --otkit-color-background-accent-green-alt: var(--otkit-color-green-lightest);
    --otkit-color-background-accent-green-highlight: var(--otkit-color-green-lightest);
    --otkit-color-background-accent-aqua: var(--otkit-color-aqua-light);
    --otkit-color-background-accent-aqua-hover: #57bda5;
    --otkit-color-background-accent-aqua-pressed: #177e66;
    --otkit-color-background-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
    --otkit-color-background-accent-aqua-secondary-hover: #8ae9d3;
    --otkit-color-background-accent-aqua-secondary-pressed: #30af91;
    --otkit-color-background-accent-aqua-alt: var(--otkit-color-aqua-lightest);
    --otkit-color-background-accent-aqua-highlight: var(--otkit-color-aqua-lightest);
    --otkit-color-background-accent-teal: var(--otkit-color-teal-light);
    --otkit-color-background-accent-teal-hover: #60b3cf;
    --otkit-color-background-accent-teal-pressed: #20738f;
    --otkit-color-background-accent-teal-secondary: var(--otkit-color-teal-lighter);
    --otkit-color-background-accent-teal-secondary-hover: #a0d7e9;
    --otkit-color-background-accent-teal-secondary-pressed: #4d97af;
    --otkit-color-background-accent-teal-alt: var(--otkit-color-teal-lightest);
    --otkit-color-background-accent-teal-highlight: var(--otkit-color-teal-lightest);
    --otkit-color-background-accent-blue: var(--otkit-color-blue);
    --otkit-color-background-accent-blue-hover: #7793e6;
    --otkit-color-background-accent-blue-pressed: #3753a6;
    --otkit-color-background-accent-blue-secondary: var(--otkit-color-blue-lighter);
    --otkit-color-background-accent-blue-secondary-hover: #d0d9f6;
    --otkit-color-background-accent-blue-secondary-pressed: #8d9ac0;
    --otkit-color-background-accent-blue-alt: var(--otkit-color-blue-lightest);
    --otkit-color-background-accent-blue-highlight: var(--otkit-color-blue-lightest);
    --otkit-color-background-accent-violet: var(--otkit-color-violet);
    --otkit-color-background-accent-violet-hover: #9f84ed;
    --otkit-color-background-accent-violet-pressed: #5f45ae;
    --otkit-color-background-accent-violet-secondary: var(--otkit-color-violet-lighter);
    --otkit-color-background-accent-violet-secondary-hover: #e5defa;
    --otkit-color-background-accent-violet-secondary-pressed: #aaa0c5;
    --otkit-color-background-accent-violet-alt: var(--otkit-color-violet-lightest);
    --otkit-color-background-accent-violet-highlight: var(--otkit-color-violet-lightest);
    --otkit-color-background-accent-purple: var(--otkit-color-purple);
    --otkit-color-background-accent-purple-hover: #c178d2;
    --otkit-color-background-accent-purple-pressed: #813992;
    --otkit-color-background-accent-purple-secondary: var(--otkit-color-purple-lighter);
    --otkit-color-background-accent-purple-secondary-hover: #e7caed;
    --otkit-color-background-accent-purple-secondary-pressed: #ac85b4;
    --otkit-color-background-accent-purple-alt: var(--otkit-color-purple-lightest);
    --otkit-color-background-accent-purple-highlight: var(--otkit-color-purple-lightest);
    --otkit-color-background-accent-fuchsia: var(--otkit-color-fuchsia);
    --otkit-color-background-accent-fuchsia-hover: #e160a1;
    --otkit-color-background-accent-fuchsia-pressed: #a22161;
    --otkit-color-background-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
    --otkit-color-background-accent-fuchsia-secondary-hover: #f3bed8;
    --otkit-color-background-accent-fuchsia-secondary-pressed: #bc7598;
    --otkit-color-background-accent-fuchsia-alt: var(--otkit-color-fuchsia-lightest);
    --otkit-color-background-accent-fuchsia-highlight: var(--otkit-color-fuchsia-lightest);
    --otkit-color-border-default: var(--otkit-color-ash-lighter);
    --otkit-color-border-alt: var(--otkit-color-ash-light);
    --otkit-color-border-disabled: var(--otkit-color-ash-lightest);
    --otkit-color-border-divider: var(--otkit-color-ash-lighter);
    --otkit-color-border-action: var(--otkit-color-brand);
    --otkit-color-border-info: var(--otkit-color-teal);
    --otkit-color-border-success: var(--otkit-color-green);
    --otkit-color-border-warning: var(--otkit-color-yellow);
    --otkit-color-border-danger: var(--otkit-color-red-dark)
}

:root {
    --otkit-color-overlay: rgba(20, 26, 38, .8);
    --otkit-color-white: #ffffff;
    --otkit-color-ash-darker: #141a26;
    --otkit-color-ash-dark: #2d333f;
    --otkit-color-ash: #6f737b;
    --otkit-color-ash-light: #91949a;
    --otkit-color-ash-lighter: #d8d9db;
    --otkit-color-ash-lightest: #f1f2f4;
    --otkit-color-red-darker: #450d10;
    --otkit-color-red-dark: #931b23;
    --otkit-color-red: #da3743;
    --otkit-color-red-light: #e15b64;
    --otkit-color-red-lighter: #eea0a5;
    --otkit-color-red-lightest: #fceeef;
    --otkit-color-teal-darker: #0f3643;
    --otkit-color-teal-dark: #154a5b;
    --otkit-color-teal: #247f9e;
    --otkit-color-teal-light: #2b9abf;
    --otkit-color-teal-lighter: #61bddb;
    --otkit-color-teal-lightest: #eef8fb;
    --otkit-color-purple-darker: #36143d;
    --otkit-color-purple-dark: #7c2f8e;
    --otkit-color-purple: #ad4cc3;
    --otkit-color-purple-light: #bb6acd;
    --otkit-color-purple-lighter: #d7a7e2;
    --otkit-color-purple-lightest: #f8f0fa;
    --otkit-color-fuchsia-darker: #450d29;
    --otkit-color-fuchsia-dark: #971c59;
    --otkit-color-fuchsia: #d82c82;
    --otkit-color-fuchsia-light: #df4e96;
    --otkit-color-fuchsia-lighter: #eb93bf;
    --otkit-color-fuchsia-lightest: #fceef5;
    --otkit-color-orange-darker: #441a0e;
    --otkit-color-orange-dark: #83331b;
    --otkit-color-orange: #c84f29;
    --otkit-color-orange-light: #d86441;
    --otkit-color-orange-lighter: #e69b84;
    --otkit-color-orange-lightest: #fcf1ee;
    --otkit-color-yellow-darker: #513701;
    --otkit-color-yellow-dark: #885e01;
    --otkit-color-yellow: #d99502;
    --otkit-color-yellow-light: #fdaf08;
    --otkit-color-yellow-lighter: #fdc958;
    --otkit-color-yellow-lightest: #fff8eb;
    --otkit-color-lemon-darker: #4b4300;
    --otkit-color-lemon-dark: #736a17;
    --otkit-color-lemon: #e8d62f;
    --otkit-color-lemon-light: #ffe922;
    --otkit-color-lemon-lighter: #fff8b1;
    --otkit-color-lemon-lightest: #fffdeb;
    --otkit-color-lime-darker: #303c15;
    --otkit-color-lime-dark: #485b1e;
    --otkit-color-lime: #8a9b27;
    --otkit-color-lime-light: #abc31b;
    --otkit-color-lime-lighter: #ddeb8a;
    --otkit-color-lime-lightest: #f1f5e6;
    --otkit-color-aqua-darker: #09342a;
    --otkit-color-aqua-dark: #0c4134;
    --otkit-color-aqua: #18856b;
    --otkit-color-aqua-light: #1fa888;
    --otkit-color-aqua-lighter: #3ddbb6;
    --otkit-color-aqua-lightest: #eefcf9;
    --otkit-color-green-darker: #153c23;
    --otkit-color-green-dark: #194829;
    --otkit-color-green: #2f864d;
    --otkit-color-green-light: #39a25e;
    --otkit-color-green-lighter: #64c987;
    --otkit-color-green-lightest: #f0faf3;
    --otkit-color-blue-darker: #0d1b45;
    --otkit-color-blue-dark: #2146b5;
    --otkit-color-blue: #4a6fde;
    --otkit-color-blue-light: #6c8ae4;
    --otkit-color-blue-lighter: #b1c1f1;
    --otkit-color-blue-lightest: #eef1fc;
    --otkit-color-violet-darker: #1a0a47;
    --otkit-color-violet-dark: #4d1fd6;
    --otkit-color-violet: #7f5ce8;
    --otkit-color-violet-light: #9d82ed;
    --otkit-color-violet-lighter: #d5c9f7;
    --otkit-color-violet-lightest: #f1edfc
}

.gQJWJHo5WFo-,[data-otkit-brand=diner] {
    --otkit-color-brand: var(--otkit-color-red);
    --otkit-color-brand-hover: var(--otkit-color-red-light);
    --otkit-color-brand-pressed: var(--otkit-color-red-dark);
    --otkit-color-brand-alt-light: var(--otkit-color-red-lightest);
    --otkit-color-brand-alt-dark: var(--otkit-color-red-darker);
    --otkit-color-on-brand: var(--otkit-color-white)
}

.OjWcn21kiSI-,[data-otkit-brand=restaurant] {
    --otkit-color-brand: var(--otkit-color-teal);
    --otkit-color-brand-hover: var(--otkit-color-teal-light);
    --otkit-color-brand-pressed: var(--otkit-color-teal-dark);
    --otkit-color-brand-alt-light: var(--otkit-color-teal-lightest);
    --otkit-color-brand-alt-dark: var(--otkit-color-teal-darker);
    --otkit-color-on-brand: var(--otkit-color-white)
}

.SXQLnhb4cSY-,[data-otkit-theme=light] {
    --otkit-color-foreground-default: var(--otkit-color-ash-dark);
    --otkit-color-foreground-alt: var(--otkit-color-ash);
    --otkit-color-foreground-disabled: var(--otkit-color-ash-light);
    --otkit-color-foreground-disabled-alt: var(--otkit-color-ash-lighter);
    --otkit-color-foreground-action: var(--otkit-color-brand);
    --otkit-color-foreground-on-action: var(--otkit-color-on-brand);
    --otkit-color-foreground-on-neutral: var(--otkit-color-white);
    --otkit-color-foreground-info: var(--otkit-color-teal);
    --otkit-color-foreground-on-info: var(--otkit-color-white);
    --otkit-color-foreground-success: var(--otkit-color-green);
    --otkit-color-foreground-on-success: var(--otkit-color-white);
    --otkit-color-foreground-warning: var(--otkit-color-yellow-light);
    --otkit-color-foreground-on-warning: var(--otkit-color-ash-darker);
    --otkit-color-foreground-danger: var(--otkit-color-red-dark);
    --otkit-color-foreground-on-danger: var(--otkit-color-white);
    --otkit-color-foreground-accent-orange: var(--otkit-color-orange);
    --otkit-color-foreground-accent-orange-secondary: var(--otkit-color-orange-lighter);
    --otkit-color-foreground-on-accent-orange: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-orange-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-yellow: var(--otkit-color-yellow-light);
    --otkit-color-foreground-on-accent-yellow: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-lemon: var(--otkit-color-lemon-light);
    --otkit-color-foreground-on-accent-lemon: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-lime: var(--otkit-color-lime);
    --otkit-color-foreground-accent-lime-secondary: var(--otkit-color-lime-lighter);
    --otkit-color-foreground-on-accent-lime: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-lime-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-green: var(--otkit-color-green);
    --otkit-color-foreground-accent-green-secondary: var(--otkit-color-green-lighter);
    --otkit-color-foreground-on-accent-green: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-green-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-aqua: var(--otkit-color-aqua-light);
    --otkit-color-foreground-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
    --otkit-color-foreground-on-accent-aqua: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-aqua-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-teal: var(--otkit-color-teal-light);
    --otkit-color-foreground-accent-teal-secondary: var(--otkit-color-teal-lighter);
    --otkit-color-foreground-on-accent-teal: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-teal-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-blue: var(--otkit-color-blue);
    --otkit-color-foreground-accent-blue-secondary: var(--otkit-color-blue-lighter);
    --otkit-color-foreground-on-accent-blue: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-blue-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-violet: var(--otkit-color-violet);
    --otkit-color-foreground-accent-violet-secondary: var(--otkit-color-violet-lighter);
    --otkit-color-foreground-on-accent-violet: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-violet-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-purple: var(--otkit-color-purple);
    --otkit-color-foreground-accent-purple-secondary: var(--otkit-color-purple-lighter);
    --otkit-color-foreground-on-accent-purple: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-purple-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-fuchsia: var(--otkit-color-fuchsia);
    --otkit-color-foreground-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
    --otkit-color-foreground-on-accent-fuchsia: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-fuchsia-secondary: var(--otkit-color-ash-darker);
    --otkit-color-background-default: var(--otkit-color-white);
    --otkit-color-background-alt: var(--otkit-color-ash-lightest);
    --otkit-color-background-elevation: var(--otkit-color-white);
    --otkit-color-background-inset: var(--otkit-color-ash-lightest);
    --otkit-color-background-hover: #f8f8f9;
    --otkit-color-background-pressed: #e4e5e7;
    --otkit-color-background-disabled: var(--otkit-color-ash-lighter);
    --otkit-color-background-disabled-alt: var(--otkit-color-ash-lightest);
    --otkit-color-background-overlay: var(--otkit-color-overlay);
    --otkit-color-background-action: var(--otkit-color-brand);
    --otkit-color-background-action-hover: var(--otkit-color-brand-hover);
    --otkit-color-background-action-pressed: var(--otkit-color-brand-pressed);
    --otkit-color-background-action-alt: var(--otkit-color-brand-alt-light);
    --otkit-color-background-action-highlight: var(--otkit-color-brand-alt-light);
    --otkit-color-background-inactive: var(--otkit-color-ash-lighter);
    --otkit-color-background-neutral: var(--otkit-color-ash-light);
    --otkit-color-background-info: var(--otkit-color-teal-dark);
    --otkit-color-background-info-alt: var(--otkit-color-teal-lightest);
    --otkit-color-background-info-highlight: var(--otkit-color-teal-lightest);
    --otkit-color-background-success: var(--otkit-color-green);
    --otkit-color-background-success-alt: var(--otkit-color-green-lightest);
    --otkit-color-background-success-highlight: var(--otkit-color-green-lightest);
    --otkit-color-background-warning: var(--otkit-color-yellow-light);
    --otkit-color-background-warning-hover: var(--otkit-color-yellow-lighter);
    --otkit-color-background-warning-pressed: var(--otkit-color-yellow);
    --otkit-color-background-warning-alt: var(--otkit-color-yellow-lightest);
    --otkit-color-background-warning-highlight: var(--otkit-color-yellow-lightest);
    --otkit-color-background-danger: var(--otkit-color-red-light);
    --otkit-color-background-danger-hover: var(--otkit-color-red-lighter);
    --otkit-color-background-danger-pressed: var(--otkit-color-red-dark);
    --otkit-color-background-danger-alt: var(--otkit-color-red-lightest);
    --otkit-color-background-danger-highlight: var(--otkit-color-red-lightest);
    --otkit-color-background-accent-orange: var(--otkit-color-orange);
    --otkit-color-background-accent-orange-hover: #d57b5e;
    --otkit-color-background-accent-orange-pressed: #963b1e;
    --otkit-color-background-accent-orange-secondary: var(--otkit-color-orange-lighter);
    --otkit-color-background-accent-orange-secondary-hover: #f0c3b5;
    --otkit-color-background-accent-orange-secondary-pressed: #b87c69;
    --otkit-color-background-accent-orange-alt: var(--otkit-color-orange-lightest);
    --otkit-color-background-accent-orange-highlight: var(--otkit-color-orange-lightest);
    --otkit-color-background-accent-yellow: var(--otkit-color-yellow-light);
    --otkit-color-background-accent-yellow-hover: #fdcf6a;
    --otkit-color-background-accent-yellow-pressed: #ca8c06;
    --otkit-color-background-accent-yellow-alt: var(--otkit-color-yellow-lightest);
    --otkit-color-background-accent-yellow-highlight: var(--otkit-color-yellow-lightest);
    --otkit-color-background-accent-lemon: var(--otkit-color-lemon-light);
    --otkit-color-background-accent-lemon-hover: #fff17a;
    --otkit-color-background-accent-lemon-pressed: #ccba1b;
    --otkit-color-background-accent-lemon-alt: var(--otkit-color-lemon-lightest);
    --otkit-color-background-accent-lemon-highlight: var(--otkit-color-lemon-lightest);
    --otkit-color-background-accent-lime: var(--otkit-color-lime);
    --otkit-color-background-accent-lime-hover: #a7b45d;
    --otkit-color-background-accent-lime-pressed: #67741d;
    --otkit-color-background-accent-lime-secondary: var(--otkit-color-lime-lighter);
    --otkit-color-background-accent-lime-secondary-hover: #eaf3b8;
    --otkit-color-background-accent-lime-secondary-pressed: #b0bc6e;
    --otkit-color-background-accent-lime-alt: var(--otkit-color-lime-lightest);
    --otkit-color-background-accent-lime-highlight: var(--otkit-color-lime-lightest);
    --otkit-color-background-accent-green: var(--otkit-color-green);
    --otkit-color-background-accent-green-hover: #63a479;
    --otkit-color-background-accent-green-pressed: #236439;
    --otkit-color-background-accent-green-secondary: var(--otkit-color-green-lighter);
    --otkit-color-background-accent-green-secondary-hover: #a2deb7;
    --otkit-color-background-accent-green-secondary-pressed: #50a06c;
    --otkit-color-background-accent-green-alt: var(--otkit-color-green-lightest);
    --otkit-color-background-accent-green-highlight: var(--otkit-color-green-lightest);
    --otkit-color-background-accent-aqua: var(--otkit-color-aqua-light);
    --otkit-color-background-accent-aqua-hover: #57bda5;
    --otkit-color-background-accent-aqua-pressed: #177e66;
    --otkit-color-background-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
    --otkit-color-background-accent-aqua-secondary-hover: #8ae9d3;
    --otkit-color-background-accent-aqua-secondary-pressed: #30af91;
    --otkit-color-background-accent-aqua-alt: var(--otkit-color-aqua-lightest);
    --otkit-color-background-accent-aqua-highlight: var(--otkit-color-aqua-lightest);
    --otkit-color-background-accent-teal: var(--otkit-color-teal-light);
    --otkit-color-background-accent-teal-hover: #60b3cf;
    --otkit-color-background-accent-teal-pressed: #20738f;
    --otkit-color-background-accent-teal-secondary: var(--otkit-color-teal-lighter);
    --otkit-color-background-accent-teal-secondary-hover: #a0d7e9;
    --otkit-color-background-accent-teal-secondary-pressed: #4d97af;
    --otkit-color-background-accent-teal-alt: var(--otkit-color-teal-lightest);
    --otkit-color-background-accent-teal-highlight: var(--otkit-color-teal-lightest);
    --otkit-color-background-accent-blue: var(--otkit-color-blue);
    --otkit-color-background-accent-blue-hover: #7793e6;
    --otkit-color-background-accent-blue-pressed: #3753a6;
    --otkit-color-background-accent-blue-secondary: var(--otkit-color-blue-lighter);
    --otkit-color-background-accent-blue-secondary-hover: #d0d9f6;
    --otkit-color-background-accent-blue-secondary-pressed: #8d9ac0;
    --otkit-color-background-accent-blue-alt: var(--otkit-color-blue-lightest);
    --otkit-color-background-accent-blue-highlight: var(--otkit-color-blue-lightest);
    --otkit-color-background-accent-violet: var(--otkit-color-violet);
    --otkit-color-background-accent-violet-hover: #9f84ed;
    --otkit-color-background-accent-violet-pressed: #5f45ae;
    --otkit-color-background-accent-violet-secondary: var(--otkit-color-violet-lighter);
    --otkit-color-background-accent-violet-secondary-hover: #e5defa;
    --otkit-color-background-accent-violet-secondary-pressed: #aaa0c5;
    --otkit-color-background-accent-violet-alt: var(--otkit-color-violet-lightest);
    --otkit-color-background-accent-violet-highlight: var(--otkit-color-violet-lightest);
    --otkit-color-background-accent-purple: var(--otkit-color-purple);
    --otkit-color-background-accent-purple-hover: #c178d2;
    --otkit-color-background-accent-purple-pressed: #813992;
    --otkit-color-background-accent-purple-secondary: var(--otkit-color-purple-lighter);
    --otkit-color-background-accent-purple-secondary-hover: #e7caed;
    --otkit-color-background-accent-purple-secondary-pressed: #ac85b4;
    --otkit-color-background-accent-purple-alt: var(--otkit-color-purple-lightest);
    --otkit-color-background-accent-purple-highlight: var(--otkit-color-purple-lightest);
    --otkit-color-background-accent-fuchsia: var(--otkit-color-fuchsia);
    --otkit-color-background-accent-fuchsia-hover: #e160a1;
    --otkit-color-background-accent-fuchsia-pressed: #a22161;
    --otkit-color-background-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
    --otkit-color-background-accent-fuchsia-secondary-hover: #f3bed8;
    --otkit-color-background-accent-fuchsia-secondary-pressed: #bc7598;
    --otkit-color-background-accent-fuchsia-alt: var(--otkit-color-fuchsia-lightest);
    --otkit-color-background-accent-fuchsia-highlight: var(--otkit-color-fuchsia-lightest);
    --otkit-color-border-default: var(--otkit-color-ash-lighter);
    --otkit-color-border-alt: var(--otkit-color-ash-light);
    --otkit-color-border-disabled: var(--otkit-color-ash-lightest);
    --otkit-color-border-divider: var(--otkit-color-ash-lighter);
    --otkit-color-border-action: var(--otkit-color-brand);
    --otkit-color-border-info: var(--otkit-color-teal);
    --otkit-color-border-success: var(--otkit-color-green);
    --otkit-color-border-warning: var(--otkit-color-yellow);
    --otkit-color-border-danger: var(--otkit-color-red-dark)
}

.im0a1iZxA7k-,[data-otkit-theme=dark] {
    --otkit-color-foreground-default: var(--otkit-color-white);
    --otkit-color-foreground-alt: var(--otkit-color-ash-lighter);
    --otkit-color-foreground-disabled: var(--otkit-color-ash-lighter);
    --otkit-color-foreground-disabled-alt: var(--otkit-color-ash);
    --otkit-color-foreground-action: var(--otkit-color-brand);
    --otkit-color-foreground-on-action: var(--otkit-color-on-brand);
    --otkit-color-foreground-on-neutral: var(--otkit-color-white);
    --otkit-color-foreground-info: var(--otkit-color-teal-light);
    --otkit-color-foreground-on-info: var(--otkit-color-white);
    --otkit-color-foreground-success: var(--otkit-color-green-light);
    --otkit-color-foreground-on-success: var(--otkit-color-white);
    --otkit-color-foreground-warning: var(--otkit-color-yellow-light);
    --otkit-color-foreground-on-warning: var(--otkit-color-ash-darker);
    --otkit-color-foreground-danger: var(--otkit-color-red-light);
    --otkit-color-foreground-on-danger: var(--otkit-color-white);
    --otkit-color-foreground-accent-orange: var(--otkit-color-orange-light);
    --otkit-color-foreground-accent-orange-secondary: var(--otkit-color-orange-lighter);
    --otkit-color-foreground-on-accent-orange: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-orange-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-yellow: var(--otkit-color-yellow-light);
    --otkit-color-foreground-on-accent-yellow: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-lemon: var(--otkit-color-lemon-light);
    --otkit-color-foreground-on-accent-lemon: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-lime: var(--otkit-color-lime-light);
    --otkit-color-foreground-accent-lime-secondary: var(--otkit-color-lime-lighter);
    --otkit-color-foreground-on-accent-lime: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-lime-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-green: var(--otkit-color-green-light);
    --otkit-color-foreground-accent-green-secondary: var(--otkit-color-green-lighter);
    --otkit-color-foreground-on-accent-green: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-green-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-aqua: var(--otkit-color-aqua-light);
    --otkit-color-foreground-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
    --otkit-color-foreground-on-accent-aqua: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-aqua-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-teal: var(--otkit-color-teal-light);
    --otkit-color-foreground-accent-teal-secondary: var(--otkit-color-teal-lighter);
    --otkit-color-foreground-on-accent-teal: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-teal-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-blue: var(--otkit-color-blue-light);
    --otkit-color-foreground-accent-blue-secondary: var(--otkit-color-blue-lighter);
    --otkit-color-foreground-on-accent-blue: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-blue-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-violet: var(--otkit-color-violet-light);
    --otkit-color-foreground-accent-violet-secondary: var(--otkit-color-violet-lighter);
    --otkit-color-foreground-on-accent-violet: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-violet-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-purple: var(--otkit-color-purple-light);
    --otkit-color-foreground-accent-purple-secondary: var(--otkit-color-purple-lighter);
    --otkit-color-foreground-on-accent-purple: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-purple-secondary: var(--otkit-color-ash-darker);
    --otkit-color-foreground-accent-fuchsia: var(--otkit-color-fuchsia);
    --otkit-color-foreground-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
    --otkit-color-foreground-on-accent-fuchsia: var(--otkit-color-white);
    --otkit-color-foreground-on-accent-fuchsia-secondary: var(--otkit-color-ash-darker);
    --otkit-color-background-default: var(--otkit-color-ash-darker);
    --otkit-color-background-alt: var(--otkit-color-ash-dark);
    --otkit-color-background-elevation: var(--otkit-color-ash-dark);
    --otkit-color-background-inset: var(--otkit-color-ash-darker);
    --otkit-color-background-hover: #1f2530;
    --otkit-color-background-pressed: #373d48;
    --otkit-color-background-disabled: var(--otkit-color-ash);
    --otkit-color-background-disabled-alt: var(--otkit-color-ash-dark);
    --otkit-color-background-overlay: var(--otkit-color-overlay);
    --otkit-color-background-action: var(--otkit-color-brand);
    --otkit-color-background-action-hover: var(--otkit-color-brand-hover);
    --otkit-color-background-action-pressed: var(--otkit-color-brand-pressed);
    --otkit-color-background-action-alt: var(--otkit-color-brand-alt-dark);
    --otkit-color-background-action-highlight: var(--otkit-color-brand-alt-dark);
    --otkit-color-background-inactive: var(--otkit-color-ash);
    --otkit-color-background-neutral: var(--otkit-color-ash-light);
    --otkit-color-background-info: var(--otkit-color-teal-dark);
    --otkit-color-background-info-alt: var(--otkit-color-teal-darker);
    --otkit-color-background-info-highlight: var(--otkit-color-teal-darker);
    --otkit-color-background-success: var(--otkit-color-green);
    --otkit-color-background-success-alt: var(--otkit-color-green-darker);
    --otkit-color-background-success-highlight: var(--otkit-color-green-darker);
    --otkit-color-background-warning: var(--otkit-color-yellow-light);
    --otkit-color-background-warning-hover: var(--otkit-color-yellow-lighter);
    --otkit-color-background-warning-pressed: var(--otkit-color-yellow);
    --otkit-color-background-warning-alt: var(--otkit-color-yellow-darker);
    --otkit-color-background-warning-highlight: var(--otkit-color-yellow-darker);
    --otkit-color-background-danger: var(--otkit-color-red-light);
    --otkit-color-background-danger-hover: var(--otkit-color-red-lighter);
    --otkit-color-background-danger-pressed: var(--otkit-color-red-dark);
    --otkit-color-background-danger-alt: var(--otkit-color-red-darker);
    --otkit-color-background-danger-highlight: var(--otkit-color-red-darker);
    --otkit-color-background-accent-orange: var(--otkit-color-orange-light);
    --otkit-color-background-accent-orange-hover: #e18a70;
    --otkit-color-background-accent-orange-pressed: #a24b30;
    --otkit-color-background-accent-orange-secondary: var(--otkit-color-orange-lighter);
    --otkit-color-background-accent-orange-secondary-hover: #f0c3b5;
    --otkit-color-background-accent-orange-secondary-pressed: #b87c69;
    --otkit-color-background-accent-orange-alt: var(--otkit-color-orange-darker);
    --otkit-color-background-accent-orange-highlight: var(--otkit-color-orange-darker);
    --otkit-color-background-accent-yellow: var(--otkit-color-yellow-light);
    --otkit-color-background-accent-yellow-hover: #fdcf6a;
    --otkit-color-background-accent-yellow-pressed: #ca8c06;
    --otkit-color-background-accent-yellow-alt: var(--otkit-color-yellow-darker);
    --otkit-color-background-accent-yellow-highlight: var(--otkit-color-yellow-darker);
    --otkit-color-background-accent-lemon: var(--otkit-color-lemon-light);
    --otkit-color-background-accent-lemon-hover: #fff17a;
    --otkit-color-background-accent-lemon-pressed: #ccba1b;
    --otkit-color-background-accent-lemon-alt: var(--otkit-color-lemon-darker);
    --otkit-color-background-accent-lemon-highlight: var(--otkit-color-lemon-darker);
    --otkit-color-background-accent-lime: var(--otkit-color-lime);
    --otkit-color-background-accent-lime-hover: #a7b45d;
    --otkit-color-background-accent-lime-pressed: #67741d;
    --otkit-color-background-accent-lime-secondary: var(--otkit-color-lime-lighter);
    --otkit-color-background-accent-lime-secondary-hover: #eaf3b8;
    --otkit-color-background-accent-lime-secondary-pressed: #b0bc6e;
    --otkit-color-background-accent-lime-alt: var(--otkit-color-lime-darker);
    --otkit-color-background-accent-lime-highlight: var(--otkit-color-lime-darker);
    --otkit-color-background-accent-green: var(--otkit-color-green);
    --otkit-color-background-accent-green-hover: #63a479;
    --otkit-color-background-accent-green-pressed: #236439;
    --otkit-color-background-accent-green-secondary: var(--otkit-color-green-lighter);
    --otkit-color-background-accent-green-secondary-hover: #a2deb7;
    --otkit-color-background-accent-green-secondary-pressed: #50a06c;
    --otkit-color-background-accent-green-alt: var(--otkit-color-green-darker);
    --otkit-color-background-accent-green-highlight: var(--otkit-color-green-darker);
    --otkit-color-background-accent-aqua: var(--otkit-color-aqua-light);
    --otkit-color-background-accent-aqua-hover: #57bda5;
    --otkit-color-background-accent-aqua-pressed: #177e66;
    --otkit-color-background-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
    --otkit-color-background-accent-aqua-secondary-hover: #8ae9d3;
    --otkit-color-background-accent-aqua-secondary-pressed: #30af91;
    --otkit-color-background-accent-aqua-alt: var(--otkit-color-aqua-darker);
    --otkit-color-background-accent-aqua-highlight: var(--otkit-color-aqua-darker);
    --otkit-color-background-accent-teal: var(--otkit-color-teal-light);
    --otkit-color-background-accent-teal-hover: #60b3cf;
    --otkit-color-background-accent-teal-pressed: #20738f;
    --otkit-color-background-accent-teal-secondary: var(--otkit-color-teal-lighter);
    --otkit-color-background-accent-teal-secondary-hover: #a0d7e9;
    --otkit-color-background-accent-teal-secondary-pressed: #4d97af;
    --otkit-color-background-accent-teal-alt: var(--otkit-color-teal-darker);
    --otkit-color-background-accent-teal-highlight: var(--otkit-color-teal-darker);
    --otkit-color-background-accent-blue: var(--otkit-color-blue);
    --otkit-color-background-accent-blue-hover: #7793e6;
    --otkit-color-background-accent-blue-pressed: #3753a6;
    --otkit-color-background-accent-blue-secondary: var(--otkit-color-blue-lighter);
    --otkit-color-background-accent-blue-secondary-hover: #d0d9f6;
    --otkit-color-background-accent-blue-secondary-pressed: #8d9ac0;
    --otkit-color-background-accent-blue-alt: var(--otkit-color-blue-darker);
    --otkit-color-background-accent-blue-highlight: var(--otkit-color-blue-darker);
    --otkit-color-background-accent-violet: var(--otkit-color-violet);
    --otkit-color-background-accent-violet-hover: #9f84ed;
    --otkit-color-background-accent-violet-pressed: #5f45ae;
    --otkit-color-background-accent-violet-secondary: var(--otkit-color-violet-lighter);
    --otkit-color-background-accent-violet-secondary-hover: #e5defa;
    --otkit-color-background-accent-violet-secondary-pressed: #aaa0c5;
    --otkit-color-background-accent-violet-alt: var(--otkit-color-violet-darker);
    --otkit-color-background-accent-violet-highlight: var(--otkit-color-violet-darker);
    --otkit-color-background-accent-purple: var(--otkit-color-purple-light);
    --otkit-color-background-accent-purple-hover: #cc8fd9;
    --otkit-color-background-accent-purple-pressed: #8c4f99;
    --otkit-color-background-accent-purple-secondary: var(--otkit-color-purple-lighter);
    --otkit-color-background-accent-purple-secondary-hover: #e7caed;
    --otkit-color-background-accent-purple-secondary-pressed: #ac85b4;
    --otkit-color-background-accent-purple-alt: var(--otkit-color-purple-darker);
    --otkit-color-background-accent-purple-highlight: var(--otkit-color-purple-darker);
    --otkit-color-background-accent-fuchsia: var(--otkit-color-fuchsia);
    --otkit-color-background-accent-fuchsia-hover: #e160a1;
    --otkit-color-background-accent-fuchsia-pressed: #a22161;
    --otkit-color-background-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
    --otkit-color-background-accent-fuchsia-secondary-hover: #f3bed8;
    --otkit-color-background-accent-fuchsia-secondary-pressed: #bc7598;
    --otkit-color-background-accent-fuchsia-alt: var(--otkit-color-fuchsia-darker);
    --otkit-color-background-accent-fuchsia-highlight: var(--otkit-color-fuchsia-darker);
    --otkit-color-border-default: var(--otkit-color-ash);
    --otkit-color-border-alt: var(--otkit-color-ash-light);
    --otkit-color-border-disabled: var(--otkit-color-ash-dark);
    --otkit-color-border-divider: var(--otkit-color-ash);
    --otkit-color-border-action: var(--otkit-color-brand);
    --otkit-color-border-info: var(--otkit-color-teal-light);
    --otkit-color-border-success: var(--otkit-color-green-light);
    --otkit-color-border-warning: var(--otkit-color-yellow-light);
    --otkit-color-border-danger: var(--otkit-color-red-light)
}

@font-face {
    font-family: BrandonText;
    font-weight: 400;
    src: url(https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_reg-webfont.woff2) format("woff2"),url(https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_reg-webfont.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: BrandonText;
    font-weight: 500;
    src: url(https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_med-webfont.woff2) format("woff2"),url(https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_med-webfont.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: BrandonText;
    font-weight: 700;
    src: url(https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_bld-webfont.woff2) format("woff2"),url(https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_bld-webfont.woff) format("woff");
    font-display: swap
}

html {
    min-height: 100%;
    position: relative
}

body {
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background-color: #f7f7f7;
    color: var(--otkit-color-foreground-default);
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#wrapper {
    width: 100%;
    max-width: 100rem;
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.grecaptcha-badge {
    visibility: hidden
}

.fix-body-position {
    position: fixed;
    inset: 0
}

.G8U9CMVgg8g- {
    min-width: 20rem
}

@media only screen and (max-device-width: 20.625rem) {
    .G8U9CMVgg8g- {
        min-width:12.5rem
    }
}

body {
    font-family: BrandonText,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol
}

@font-face {
    font-family: OpenTableHiragino;
    font-weight: 400;
    src: local("Hiragino Sans W3"),local("\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af  W3"),local("\30d2\30e9\30ae\30ce\89d2\30b4  ProN W3"),local("Hiragino Kaku Gothic ProN")
}

@font-face {
    font-family: OpenTableHiragino;
    font-weight: 500;
    src: local("Hiragino Sans W5"),local("\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af  W5"),local("\30d2\30e9\30ae\30ce\89d2\30b4  ProN W3"),local("Hiragino Kaku Gothic ProN W3")
}

@font-face {
    font-family: OpenTableHiragino;
    font-weight: 700;
    src: local("Hiragino Sans W6"),local("\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af  W6"),local("\30d2\30e9\30ae\30ce\89d2\30b4  ProN W6"),local("Hiragino Kaku Gothic ProN W6")
}

@font-face {
    font-family: OpenTableYuGothic;
    src: local("Yu Gothic Medium");
    font-weight: 400
}

@font-face {
    font-family: OpenTableYuGothic;
    src: local("Yu Gothic Medium");
    font-weight: 500
}

@font-face {
    font-family: OpenTableYuGothic;
    src: local("Yu Gothic Bold");
    font-weight: 700
}

body {
    font-family: BrandonText,Helvetica Neue,Helvetica,Arial,OpenTableHiragino,Roboto,Droid Sans,\6e38\30b4\30b7\30c3\30af\4f53,OpenTableYuGothic,YuGothic,Yu Gothic,\30e1\30a4\30ea\30aa,Meiryo,\ff2d\ff33 \ff30\30b4\30b7\30c3\30af,MS PGothic,sans-serif
}

.YFUbwTI869k- {
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    margin: 0
}

.YFUbwTI869k-:focus {
    outline: .3125rem solid #7dadd9;
    outline: .3125rem auto -webkit-focus-ring-color
}

.uuqDQjZ0vbE- {
    width: 100%;
    display: flex;
    padding: 16px
}

.v-37sGklfG0- {
    color: var(--otkit-color-foreground-info)
}

.GFHsQOXHsWE- {
    color: var(--otkit-color-foreground-action)
}

.Su9ekRb6-Cc- {
    color: var(--otkit-color-foreground-default)
}

.rZGC9TAhbMA- {
    color: var(--otkit-color-foreground-alt)
}

.FzjT7SwyBPo- {
    padding: 0;
    font-size: inherit;
    font-weight: inherit
}

.lev7isPWK7s- {
    margin: 0 16px
}

.JZNr00ks52Q- {
    padding: 0 32px;
    background-color: var(--otkit-color-background-default);
    border-bottom: none
}

.Ce7fpxc8eZ8- {
    list-style: none;
    padding: 0;
    margin: 8px 0;
    white-space: nowrap;
    overflow-y: auto
}

._0yxOXC4NfSY- {
    padding: 0
}

.Ce7fpxc8eZ8- li {
    display: inline-block
}

.pUiU1yRtqwQ- {
    margin-right: 8px
}

.WWwjI-ArvqA- {
    color: var(--otkit-color-foreground-default);
    display: flex;
    font-size: 14px;
    font-weight: 420;
    line-height: 20px;
    padding: 0
}

.HuNO9wSBvS8- {
    padding: 0 0 .75rem;
    text-transform: initial
}

.pngt0-0lONM- {
    padding: 0;
    font-size: 14px;
    font-weight: 390;
    line-height: 20px
}

.KxkoDOO-fw8- {
    padding: 0 8px .75rem
}

._2qORCu0d9d0- {
    min-width: 1.25rem;
    width: 1.25rem
}

._2qORCu0d9d0- path {
    fill: var(--otkit-color-foreground-action)
}

@media (min-width: 768px) {
    .lev7isPWK7s- {
        margin:0 0 8px
    }

    .pngt0-0lONM- {
        padding: 0 8px
    }

    .Ce7fpxc8eZ8- {
        margin-bottom: 1.5rem
    }
}

.Sf4YCmUEnnE- {
    display: block;
    width: 100%;
    background: url("//cdn.otstatic.com/cfe/14/images/map-fragment-IARUHEJH.png") var(--otkit-color-background-info-highlight);
    background-size: contain;
    border: .0625rem solid var(--otkit-color-teal-lighter);
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    margin-bottom: 16px;
    cursor: pointer
}

.j5h9b0SsiZM- {
    display: inline-block;
    background: var(--otkit-color-teal);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--otkit-color-white);
    border-radius: 4px;
    padding: 4px 8px;
    margin: 16px 0
}

.MnhRjsrZ-RA- {
    width: 1rem;
    min-width: auto;
    height: 1rem;
    position: relative;
    top: .125rem
}

.MnhRjsrZ-RA- path {
    fill: var(--otkit-color-white)
}

.lbY0MNctM-U- {
    border-radius: 4px;
    display: flex;
    cursor: pointer;
    margin-bottom: 4px
}

._1FP0HQg89j0-,._1FP0HQg89j0-:active,:not(.uWi6RN3cpKw-).lbY0MNctM-U-:active {
    border-radius: 4px;
    outline: #4d90fe solid .1875rem;
    outline: -webkit-focus-ring-color solid .1875rem;
    display: flex;
    margin-bottom: 4px
}

:not(.uWi6RN3cpKw-).lbY0MNctM-U-:hover,:not(.uWi6RN3cpKw-)._1FP0HQg89j0-:hover {
    text-decoration: underline
}

.O-A-yo6WpUw- {
    display: flex;
    align-items: center
}

.Oh-LqGaB96o- {
    display: flex;
    align-items: center;
    margin-right: 4px
}

._5qoEC5ARmDM- {
    margin-right: 0
}

._0qH5OVWi0Zo- {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0
}

._0K9l7pzC-NU- {
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: .75rem;
    border-bottom: .0625rem solid var(--otkit-color-border-divider);
    padding-bottom: .75rem
}

.bBh4H7Xm1Bc- {
    font-size: 14px;
    line-height: 20px
}

.uWi6RN3cpKw-,.uWi6RN3cpKw- path {
    color: var(--otkit-color-foreground-disabled);
    fill: var(--otkit-color-foreground-disabled)
}

.t2slv-kvSnI-:hover {
    outline: none;
    cursor: pointer
}

.t2slv-kvSnI-:hover ._6g7WNFfGbOU- {
    text-decoration: underline
}

.G2my7Vnwkd0- {
    color: var(--otkit-color-foreground-default);
    margin: 0 0 8px
}

.j6gp2m9an-c- {
    position: relative;
    top: .3125rem;
    width: 1.25rem
}

.Bmpae5JdIZI- {
    margin-bottom: 16px
}

.YYLJH1Az2KQ- {
    margin-bottom: 8px
}

.FaguQMzBjlg- {
    display: inline-block;
    padding: 0 8px;
    margin-bottom: 16px;
    font-weight: 500;
    width: auto
}

.FaguQMzBjlg-:hover {
    text-decoration: underline
}

.gHZfEEqvp2k- {
    position: relative;
    overflow: hidden;
    background-color: var(--otkit-color-ash-lighter)
}

.gHZfEEqvp2k-:after {
    position: absolute;
    inset: 0;
    transform: translate(-100%);
    background-image: linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);
    animation: mjmKC1su-2M- 2s infinite;
    content: ""
}

@keyframes mjmKC1su-2M- {
    to {
        transform: translate(100%)
    }
}

.e2z93Ey8O1Q- {
    height: 2rem;
    width: 11.25rem
}

._3b32jyxvY2g- {
    visibility: hidden
}

.jeVlPXjiVfg- {
    padding: 16px 24px
}

.ZlqNBLcV7T8- {
    display: flex;
    margin-bottom: .625rem
}

._7-sLWsge7kI- {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .3125rem
}

.QfpMq-A3c2M- {
    width: 75%;
    height: 1.25rem
}

.uJgIBoqcHO8- {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.ELhARa5uf-k- {
    display: flex;
    margin-bottom: .3125rem
}

.oOt797AlKbw- {
    width: 50%
}

.F7IWBRhfG7U- {
    width: 35%
}

.aaumrsOxT9o- {
    width: 65%
}

@media (min-width: 768px) {
    .jeVlPXjiVfg- {
        padding:0
    }
}

.vfBCagNxDVw- {
    position: absolute;
    background: #000000e6;
    border-radius: 4px;
    min-width: 9.0625rem;
    padding: 16px;
    margin-top: 8px;
    text-align: left;
    color: var(--otkit-color-white);
    display: none;
    z-index: 1
}

.vfBCagNxDVw-:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(0,0,0,.9);
    position: absolute;
    top: -8px
}

.r1fEZdFND-M- {
    left: 0
}

.r1fEZdFND-M-:before {
    left: 16px;
    right: auto
}

.-fGWng8OdO0- {
    right: 0
}

.-fGWng8OdO0-:before {
    left: auto;
    right: 16px
}

.pCWV3lUxjTE- {
    display: block
}

.LmC1zmTlyhI- {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-default)
}

.wp4PZuBAAvc- {
    flex-basis: 100%;
    border-right: .0625rem solid var(--otkit-color-border-divider);
    text-align: center;
    cursor: pointer;
    position: relative;
    display: block
}

.wp4PZuBAAvc-.K2pbCMrWTso- {
    background: var(--otkit-color-background-alt)
}

.wp4PZuBAAvc-:hover {
    background: var(--otkit-color-ash-lightest)
}

.wp4PZuBAAvc-:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.wp4PZuBAAvc-:last-child {
    border-right: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.XvJBDNYgDIA- {
    display: block;
    cursor: pointer;
    padding: .75rem
}

.BnPmbcqr3K4- {
    border-radius: 4px;
    outline: #4d90fe solid .125rem;
    outline: -webkit-focus-ring-color solid .125rem;
    outline-style: auto
}

.dP83yT7rQmc- {
    color: var(--otkit-color-foreground-default)
}

.V1tLL806lLo-,.V1tLL806lLo-:hover {
    background: var(--otkit-color-ash-dark)
}

.V1tLL806lLo-.K2pbCMrWTso-,.V1tLL806lLo-.K2pbCMrWTso-:hover {
    background: var(--otkit-color-red)
}

.V1tLL806lLo- .dP83yT7rQmc- {
    color: var(--otkit-color-white)
}

.Qn5BjyYXMTw- {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0
}

.K9xV71-bFf0- {
    min-width: auto;
    white-space: nowrap
}

.cTrvHtPw4G8- {
    border-radius: 4px;
    display: inline-flex;
    justify-content: flex-start;
    cursor: pointer;
    margin-bottom: 4px
}

.cTrvHtPw4G8->input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.qddDqjF4nrQ- {
    margin-left: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.O-vr3P-JJsc-,.O-vr3P-JJsc-:active,:not(.S95cxgZ0e2U-).cTrvHtPw4G8-:active,:not(.S95cxgZ0e2U-).cTrvHtPw4G8-:focus {
    border-radius: 4px;
    outline: var(--otkit-color-blue-dark) solid .125rem;
    outline: -webkit-focus-ring-color solid .125rem;
    margin-bottom: 4px
}

.S95cxgZ0e2U-,.S95cxgZ0e2U- path {
    color: var(--otkit-color-ash);
    fill: var(--otkit-color-ash)
}

:not(.S95cxgZ0e2U-).cTrvHtPw4G8-:hover,:not(.S95cxgZ0e2U-).O-vr3P-JJsc-:hover {
    text-decoration: underline
}

.Gj9vree3qhY- {
    display: none
}

.bWbjbwEvRk0- {
    margin-bottom: 16px;
    border-bottom: .0625rem solid var(--otkit-color-border-divider);
    position: relative
}

.bWbjbwEvRk0-:last-child {
    border-bottom: none
}

@media (min-width: 768px) {
    .Gj9vree3qhY- {
        width:15rem;
        display: block;
        margin-right: 16px
    }
}

@media (min-width: 1056px) {
    .Gj9vree3qhY- {
        width:14.0625rem;
        margin-right: 32px
    }
}

._-0AWicncOo8- {
    vertical-align: middle;
    margin-right: 12px
}

._-0AWicncOo8- path {
    color: var(--otkit-color-foreground-action)
}

._-0AWicncOo8- g path {
    fill: var(--otkit-color-foreground-action)
}

.tnQ475sRa8I- path {
    fill: var(--otkit-color-foreground-default)
}

.tnQ475sRa8I- g path {
    fill: var(--otkit-color-foreground-default)
}

.I3cOl8JXabM- path {
    fill: var(--otkit-color-foreground-action)
}

.I3cOl8JXabM- g path {
    fill: var(--otkit-color-foreground-action)
}

.Hl6ZEdQQYmo- {
    display: inline-block;
    margin: 8px 0;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--otkit-color-foreground-default)
}

.ZzvtpXcUwm4- {
    color: var(--otkit-color-foreground-action)
}

.fsPHzMpMi90- {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    text-align: left;
    padding: 8px 24px
}

.D0c5sc6t044- {
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

.yPNEixr2VbE- {
    padding: 8px 16px
}

.yPNEixr2VbE-:focus {
    outline-offset: -.5625rem
}

.S7-T9-GgVLA- {
    border-bottom: none;
    position: relative
}

.S7-T9-GgVLA-:after {
    content: "";
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest);
    width: calc(100% - 32px);
    position: absolute;
    bottom: 0
}

.zMb2eeQ9NpU- {
    padding: 8px 16px 0
}

.bSwSaaUFI34- {
    align-items: center;
    display: flex
}

.d3sQN4KlWlk- {
    color: var(--otkit-color-foreground-alt);
    font-size: 14px;
    line-height: 20px;
    margin-left: 4px
}

.MlWXgXyww5A- {
    color: var(--otkit-color-foreground-action)
}

.ml356-7yazQ- {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

.uYuA9SVEv58- {
    border-bottom: none
}

.xNwEzpoJfLI- {
    padding: 8px 24px;
    text-align: left
}

.JHpUiTmBfQc- {
    padding: 0 16px
}

.jxh-Kk6EkoQ- {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--otkit-color-foreground-default)
}

.mphMjfJs0uc- {
    font-weight: 400
}

._45sy93KCt7I- {
    padding: 2.5rem 0 0
}

.ue-ekp7BAu0- {
    display: flex;
    justify-content: space-between;
    border-bottom: .0625rem solid var(--otkit-color-border-divider);
    padding: 4px 8px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--otkit-color-background-default);
    z-index: 1
}

.G4bauYidbK0- {
    display: inline-block;
    width: auto;
    padding: 4px 16px
}

@media (min-width: 768px) {
    .q1mPlMdbpBQ- {
        max-width:80%;
        max-height: 80%
    }
}

.FYR0SsnaKzs- {
    text-align: left;
    padding: 4px 24px 16px;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

.vNK4NSjz-dw- path {
    color: var(--otkit-color-foreground-default);
    fill: none
}

._5qmKM3UGf2Q- path {
    color: var(--otkit-color-foreground-action)
}

.KSuWnCeHbQA- {
    margin: 0;
    margin-top: -.0625rem;
    height: .0625rem;
    border: none
}

.VChpkn1tp6w- {
    background-color: var(--otkit-color-background-alt)
}

.EanLANH9C44- {
    background-color: var(--otkit-color-ash-lighter)
}

.hXczg-m5zUo- {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

._2VucEkdR-5w- {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 15.625rem;
    z-index: 100;
    background-color: var(--otkit-color-background-default);
    box-shadow: 0 .25rem .25rem #00000012;
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-ash-lightest);
    animation: dki4eN16j-0- .15s ease-out
}

._2VucEkdR-5w-.XBbj73tIwWI- {
    animation: _2hPekyBTKWo- .15s ease-out
}

._2VucEkdR-5w-:before {
    content: "";
    display: block;
    overflow: hidden;
    border-color: var(--otkit-color-white) transparent transparent var(--otkit-color-white);
    border-style: solid;
    border-width: .375rem;
    width: 0;
    height: 0;
    background: transparent;
    box-shadow: -.0625rem -.0625rem #00000026;
    transform: rotate(45deg);
    left: 16px;
    position: absolute;
    top: -.375rem;
    opacity: 1
}

._2VucEkdR-5w-.SsA-XcEjSB8- {
    left: auto;
    right: 1rem
}

._2VucEkdR-5w-.SsA-XcEjSB8-:before {
    left: auto;
    right: 16px
}

._9Xwd80X0XrI- {
    display: flex;
    align-items: center;
    padding: 8px
}

._3iS47gpdvXA- {
    max-height: 16.875rem;
    overflow-y: auto;
    padding: 8px
}

.Zz0pShhwVaU- {
    padding: 0 4px;
    flex-grow: 1
}

.hyLYVuf9MBg- g path {
    fill: var(--otkit-color-foreground-action)
}

.hyLYVuf9MBg- path {
    color: var(--otkit-color-foreground-action)
}

.hr-KAWw3KkM- {
    background-color: var(--otkit-color-background-default);
    border: none;
    cursor: pointer
}

@keyframes dki4eN16j-0- {
    0% {
        opacity: 0;
        z-index: 1;
        transform: translateY(-1em) perspective(37.5rem) rotateX(0)
    }

    to {
        opacity: 1;
        z-index: 100;
        transform: translateY(0) perspective(37.5rem) rotateX(0)
    }
}

@keyframes _2hPekyBTKWo- {
    0% {
        opacity: 1;
        transform: translateY(0) perspective(37.5rem) rotateX(0)
    }

    to {
        opacity: 0;
        transform: translateY(-1em) perspective(37.5rem) rotateX(0)
    }
}

.sPxDbkw5-do- {
    position: relative
}

.sPxDbkw5-do-.SzWB2LGvMTQ- {
    opacity: .4
}

._0AMhNaSCuZI- {
    display: flex;
    align-items: center;
    margin: .375rem .75rem .375rem 0;
    padding: .1875rem 0 .1875rem 16px;
    background-color: var(--otkit-color-background-default);
    border-radius: 6.25rem;
    color: var(--otkit-color-foreground-default);
    border: .0625rem solid var(--otkit-color-border-default)
}

._0AMhNaSCuZI-._2oUQ2Ertnes-:not(:disabled) {
    border-color: var(--otkit-color-border-action)
}

._0AMhNaSCuZI-:hover:not(:disabled) {
    box-shadow: inset 0 0 0 .125rem var(--otkit-color-red);
    border-color: var(--otkit-color-red)
}

.Cmerdhsjuxs- {
    border-color: var(--otkit-color-border-action)
}

.WCBD71LMqx8- {
    margin: 0 4px
}

._7wKxuZqC2Nw- {
    display: none
}

@media (min-width: 768px) {
    ._7wKxuZqC2Nw- {
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        min-height: 2.75rem;
        padding: .75rem 8px;
        background-color: var(--otkit-color-background-default)
    }

    .nfa-wk6ZwZk-,.hiaaBjQYFbs- {
        display: none
    }

    .i4wUZu8bDA8- {
        display: flex
    }

    .oo3xqcTnSL4- {
        display: flex;
        align-items: center;
        margin: .375rem .75rem .375rem 0;
        padding: .1875rem .625rem .1875rem 8px;
        background-color: var(--otkit-color-background-default);
        border-radius: 6.25rem;
        color: var(--otkit-color-foreground-default);
        border: .0625rem solid var(--otkit-color-border-default)
    }

    .oo3xqcTnSL4-.z1zyCJ7AZFg-:not(:disabled) {
        border-color: var(--otkit-color-border-action)
    }

    .oo3xqcTnSL4-:hover:not(:disabled) {
        box-shadow: inset 0 0 0 .125rem var(--otkit-color-red);
        border-color: var(--otkit-color-red)
    }

    ._3alzrJxIT2I- {
        margin: 0 4px
    }

    .hL2bLqxGN28- {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .GzB-R1Ukk5g- {
        padding: 8px margin-small
    }
}

@media (min-width: 1056px) {
    ._7wKxuZqC2Nw- {
        padding:.75rem 32px
    }

    .nfa-wk6ZwZk- {
        display: flex
    }
}

.chQIw48z5kM- {
    position: relative
}

.chQIw48z5kM->input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    cursor: pointer
}

.ZnbXgLfCTFo- {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px 16px 0
}

.XyRcUDcrYxg- {
    padding: 8px;
    box-sizing: border-box;
    width: calc(50% - 4px);
    margin-bottom: 8px;
    background-color: var(--otkit-color-background-default);
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 4px;
    text-align: center
}

._9dVXId-7jkU- {
    outline: none;
    box-shadow: inset 0 0 0 .125rem var(--otkit-color-red)
}

.qYw8PcW11Lg- {
    margin: 0;
    color: var(--otkit-color-foreground-default)
}

.dfJ1Iw55oyM- {
    width: 1.5rem;
    height: 1.5rem
}

@keyframes OUZ5KaXLVtw- {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.c9rpqZ-K5ko- {
    height: 3rem;
    width: 3rem;
    position: relative;
    display: block;
    animation: OUZ5KaXLVtw- .6s infinite linear;
    border-width: .3125rem;
    border-style: solid;
    border-radius: 100%;
    border-color: var(--otkit-color-ash-lightest);
    border-top-color: var(--otkit-color-border-action)
}

.ivc8ux53LAg- {
    padding-bottom: 5rem;
    display: flex;
    flex-direction: column
}

._6Nfz4K-ye68- {
    margin: 16px 0 8px;
    text-align: left;
    padding: 0 16px
}

.kvkd-M-EmzU- {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 16px 0
}

.CfUqnQgvr6E- {
    box-sizing: border-box;
    width: 50%;
    padding: .375rem .75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--otkit-color-background-alt);
    position: relative
}

.CfUqnQgvr6E-:nth-child(1) {
    border-top-left-radius: 4px
}

.CfUqnQgvr6E-:nth-child(2) {
    border-top-right-radius: 4px
}

.CfUqnQgvr6E-:nth-child(3) {
    border-bottom-left-radius: 4px
}

.CfUqnQgvr6E-:nth-child(4) {
    border-bottom-right-radius: 4px
}

.W3yV8n3DT0o- {
    color: var(--otkit-color-foreground-default);
    margin: 0
}

.tUxETEoVhhc- {
    outline: none;
    background-color: var(--otkit-color-red)
}

.tUxETEoVhhc- .W3yV8n3DT0o- {
    color: var(--otkit-color-white)
}

.CfUqnQgvr6E-:focus {
    outline-offset: -.0625rem
}

.jPII7KTynO8- {
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    background-color: var(--otkit-color-background-default);
    box-shadow: 0 -.125rem .25rem #2d333f33
}

.eACbTnhd-vo- {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 22.5rem) {
    .kvkd-M-EmzU- {
        flex-wrap:nowrap
    }

    .CfUqnQgvr6E- {
        width: 25%
    }

    .CfUqnQgvr6E-:after {
        content: "";
        height: 50%;
        width: .0625rem;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: var(--otkit-color-ash-lighter)
    }

    .CfUqnQgvr6E-:nth-child(1) {
        border-bottom-left-radius: 4px
    }

    .CfUqnQgvr6E-:nth-child(2) {
        border-top-right-radius: 0
    }

    .CfUqnQgvr6E-:nth-child(3) {
        border-bottom-left-radius: 0
    }

    .CfUqnQgvr6E-:nth-child(4) {
        border-top-right-radius: 4px
    }

    .CfUqnQgvr6E-:nth-child(4):after {
        content: "";
        width: 0
    }

    .CfUqnQgvr6E-:focus:after,.tUxETEoVhhc-:after {
        content: "";
        width: 0
    }
}

.G5f6KLFDBHc- {
    padding: 0 0 6.25rem
}

.VNzudAgG0dM- {
    display: flex;
    justify-content: center;
    padding: 16px 48px;
    position: sticky;
    top: 0;
    background: var(--otkit-color-background-default)
}

.rhAg8DV6fIo- {
    color: var(--otkit-color-foreground-default);
    margin: 0
}

._-81R4FrloE8- {
    position: absolute;
    right: .875rem;
    top: .875rem;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem
}

.Z3N77SyTolM- {
    margin: 0;
    padding: 0 16px
}

.e1oEN4HfzZ4- {
    display: flex;
    align-self: flex-start;
    padding: 0;
    margin: 0 16px 4px;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    color: var(--otkit-color-foreground-action);
    text-decoration: underline
}

.e1oEN4HfzZ4-:focus {
    outline: .3125rem solid #7dadd9;
    outline: .3125rem auto -webkit-focus-ring-color
}

.Uvb21QykUgU- {
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    background-color: var(--otkit-color-background-default);
    box-shadow: 0 -.125rem .25rem #2d333f33
}

._78s5qm-N3mk- {
    position: relative;
    height: 48px;
    background: var(--otkit-color-background-default)
}

.g4kJssyHEYU- {
    display: flex;
    height: 100%;
    color: var(--otkit-color-foreground-default);
    padding: .3125rem
}

.QU8DMNtfly4- {
    flex: 1;
    display: flex;
    align-items: center;
    height: 100%;
    padding: .1875rem
}

.sDmRozD94PM- {
    flex: 1;
    padding: 0 4px;
    margin-left: 4px;
    overflow: hidden
}

.Cp6qN0lYtTk- {
    white-space: nowrap
}

.cXLz1GA-qNg- {
    -webkit-appearance: none;
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    font: inherit
}

.cXLz1GA-qNg-:focus+.g4kJssyHEYU->.QU8DMNtfly4- {
    outline: .3125rem solid #4D90FE;
    outline: .3125rem auto #4D90FE
}

.cXLz1GA-qNg-.wGrKW8-trnQ- {
    right: initial;
    width: initial
}

.LW3j7in6jNw-.wGrKW8-trnQ- {
    margin-left: -4px
}

.nGmkKCrELPk- {
    background-color: var(--otkit-color-ash-lightest)
}

@media (max-width: 23.375rem) {
    .ynVlCSRIeKs- {
        display:none
    }
}

@media (max-width: 767px) {
    .LW3j7in6jNw-.Zqzp575Azmw- {
        position:absolute;
        bottom: 0;
        left: calc(50% - .75rem)
    }

    .sDmRozD94PM-.Zqzp575Azmw- {
        font-size: .9375rem
    }

    ._8au3xkQlGuM- {
        background-color: #fff;
        /* background: var(--otkit-color-background-alt); */
        border-radius: 4px
    }

    .t9zbBgDVja8- {
        display: none
    }
}

@media (min-width: 23.4375rem) and (max-width: 767px) {
    .t9zbBgDVja8- {
        display:inline-block
    }
}

._3-iXtLaHGnA- {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #f1f2f459;
    z-index: 300
}

.c7f5yagmxIk- {
    margin: 30vh auto 0
}

.nDI4Np8ZVv4- {
    background-color: var(--otkit-color-background-default);
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 4px;
    box-shadow: 0 2px 4px #2d333f33;
    padding: 16px;
    -webkit-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased
}

.xIJIcF4HEgA- {
    background: none;
    color: inherit;
    cursor: default;
    margin: 0;
    padding: 0;
    position: relative
}

.xIJIcF4HEgA-:focus-visible {
    outline: none
}

.hXVSeTEeYxQ-:not([disabled]) {
    cursor: pointer
}

.hXVSeTEeYxQ-[disabled]:not(.-jZZgajCqQA-) {
    color: var(--otkit-color-foreground-disabled-alt);
    cursor: default;
    pointer-events: none
}

.p1PrLqvIVDU- {
    left: 0;
    position: absolute;
    right: 0;
    top: 16px
}

.toSzotK5Hn8- {
    border-radius: 50%;
    border: .0625rem solid var(--otkit-color-border-default);
    box-sizing: border-box;
    height: 32px;
    position: absolute;
    width: 32px
}

.toSzotK5Hn8-:nth-of-type(1) {
    left: 16px
}

.toSzotK5Hn8-:nth-of-type(2) {
    right: 16px
}

.toSzotK5Hn8-:not([disabled]):hover,.toSzotK5Hn8-:not([disabled]):focus {
    border: var(--rdp-active-border-width) solid var(--otkit-color-border-action);
    cursor: pointer
}

.toSzotK5Hn8->span {
    line-height: 32px;
    vertical-align: middle
}

.toSzotK5Hn8-[disabled] svg path {
    fill: var(--otkit-color-foreground-disabled-alt)
}

.Rwi-3haizok- {
    text-align: center;
    width: 100%
}

.gQkY8SxBmcg- {
    border-collapse: collapse;
    margin: 0;
    max-width: var(--rdp-max-width)
}

.XbksMhFP3fw- {
    line-height: 16px
}

.fpCK15y-V-Y- {
    color: var(--otkit-color-foreground-default);
    padding: 8px 0;
    text-align: center;
    text-transform: capitalize
}

.Z8PmnYNPsSo- {
    border: .0625rem solid var(--otkit-color-border-default);
    border-width: .0625rem 0 0 .0625rem
}

.NhswJpa89v8- {
    height: 100%;
    height: var(--rdp-cell-size);
    padding: 0;
    text-align: center;
    width: var(--rdp-cell-size)
}

.owk4yV2mX9s- {
    background-clip: padding-box;
    background-color: var(--otkit-color-background-default);
    border: .0625rem solid var(--otkit-color-border-default);
    border-width: 0 .0625rem .0625rem 0;
    box-sizing: border-box;
    cursor: pointer;
    line-height: var(--rdp-cell-size);
    text-align: center;
    vertical-align: middle;
    width: var(--rdp-cell-size)
}

.owk4yV2mX9s-:focus,.owk4yV2mX9s-:focus-visible,.owk4yV2mX9s-:hover {
    background-color: var(--otkit-color-background-action-highlight);
    color: inherit;
    position: relative
}

.owk4yV2mX9s-:focus:after,.owk4yV2mX9s-:focus-visible:after,.owk4yV2mX9s-:hover:after {
    border: var(--rdp-active-border-width) solid var(--otkit-color-border-action);
    content: " ";
    inset: 0;
    pointer-events: none;
    position: absolute
}

.owk4yV2mX9s-:active {
    background-color: var(--otkit-color-background-action-pressed);
    color: var(--otkit-color-foreground-on-action)
}

.owk4yV2mX9s-:active:after {
    border-width: 0
}

.owk4yV2mX9s-.LXtermrDLkQ- {
    color: var(--otkit-color-foreground-alt)
}

.owk4yV2mX9s-.LXtermrDLkQ-[disabled] {
    color: var(--otkit-color-foreground-disabled-alt);
    cursor: default;
    pointer-events: none
}

.owk4yV2mX9s-._01cgo92Fg5w- {
    color: var(--otkit-color-foreground-default);
    position: relative
}

.owk4yV2mX9s-._01cgo92Fg5w-:after {
    border: var(--rdp-active-border-width) solid var(--otkit-color-border-action);
    content: " ";
    inset: 0;
    pointer-events: none;
    position: absolute
}

.owk4yV2mX9s-.-jZZgajCqQA- {
    background-color: var(--otkit-color-background-action);
    color: var(--otkit-color-foreground-on-action);
    cursor: default
}

._7Qk9PJcHy2o- {
    background-color: var(--otkit-color-background-alt);
    padding: 16px;
    margin: 0 -1rem;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.NL5A74zJmHc- {
    background: none;
    color: inherit;
    cursor: default;
    margin: 0;
    padding: 0;
    position: relative
}

.NL5A74zJmHc-:focus-visible {
    outline: none
}

.PS4s1-sP2gQ-:not([disabled]) {
    cursor: pointer
}

.PS4s1-sP2gQ-[disabled]:not(._9DD-EOsNFC0-) {
    color: var(--otkit-color-foreground-disabled-alt);
    cursor: default;
    pointer-events: none
}

.V-d7U4v85u4- {
    left: 0;
    position: absolute;
    right: 0;
    top: 16px
}

._1db-p22FUyg- {
    border-radius: 50%;
    border: .0625rem solid var(--otkit-color-border-default);
    box-sizing: border-box;
    height: 32px;
    position: absolute;
    width: 32px
}

._1db-p22FUyg-:nth-of-type(1) {
    left: 16px
}

._1db-p22FUyg-:nth-of-type(2) {
    right: 16px
}

._1db-p22FUyg-:not([disabled]):hover,._1db-p22FUyg-:not([disabled]):focus {
    border: var(--rdp-active-border-width) solid var(--otkit-color-border-action);
    cursor: pointer
}

._1db-p22FUyg->span {
    line-height: 32px;
    vertical-align: middle
}

._1db-p22FUyg-[disabled] svg path {
    fill: var(--otkit-color-foreground-disabled-alt)
}

.sJLHqmJK5zo- {
    text-align: center;
    width: 100%
}

.nAUqEfrLxS0- {
    border-collapse: collapse;
    margin: 0;
    max-width: var(--rdp-max-width)
}

.rKOq49kB8ok- {
    line-height: 16px
}

.Bk15-nZkIoA- {
    color: var(--otkit-color-foreground-default);
    padding: 8px 0;
    text-align: center;
    text-transform: capitalize
}

.B4jT0e4QCRk- {
    border: .0625rem solid var(--otkit-color-border-default);
    border-width: .0625rem 0 0 .0625rem
}

.evpslyc-jis- {
    height: 100%;
    height: var(--rdp-cell-size);
    padding: 0;
    text-align: center;
    width: var(--rdp-cell-size)
}

.jdOs-pfsCvY- {
    height: 100%;
    background-clip: padding-box;
    background-color: var(--otkit-color-background-default);
    border: .0625rem solid var(--otkit-color-border-default);
    border-width: 0 .0625rem .0625rem 0;
    box-sizing: border-box;
    cursor: pointer;
    line-height: var(--rdp-cell-size);
    text-align: center;
    vertical-align: middle;
    width: var(--rdp-cell-size)
}

.jdOs-pfsCvY-:focus,.jdOs-pfsCvY-:focus-visible,.jdOs-pfsCvY-:hover {
    background-color: var(--otkit-color-background-action-highlight);
    color: inherit;
    position: relative
}

.jdOs-pfsCvY-:focus:after,.jdOs-pfsCvY-:focus-visible:after,.jdOs-pfsCvY-:hover:after {
    border: var(--rdp-active-border-width) solid var(--otkit-color-border-action);
    content: " ";
    inset: 0;
    pointer-events: none;
    position: absolute
}

.jdOs-pfsCvY-:active {
    background-color: var(--otkit-color-background-action-pressed);
    color: var(--otkit-color-foreground-on-action)
}

.jdOs-pfsCvY-:active:after {
    border-width: 0
}

.jdOs-pfsCvY-.cQ9oAploil8- {
    color: var(--otkit-color-foreground-alt)
}

.jdOs-pfsCvY-.cQ9oAploil8-[disabled] {
    color: var(--otkit-color-foreground-disabled-alt);
    cursor: default;
    pointer-events: none
}

.jdOs-pfsCvY-._1Wt-oVDXtt4- {
    color: var(--otkit-color-foreground-default);
    position: relative
}

.jdOs-pfsCvY-._1Wt-oVDXtt4-:after {
    border: var(--rdp-active-border-width) solid var(--otkit-color-border-action);
    content: " ";
    inset: 0;
    pointer-events: none;
    position: absolute
}

.jdOs-pfsCvY-._9DD-EOsNFC0- {
    background-color: var(--otkit-color-background-action);
    color: var(--otkit-color-foreground-on-action);
    cursor: default
}

@media (min-width: 768px) {
    ._7Qk9PJcHy2o- {
        background-color:var(--otkit-color-background-default)
    }
}

.rYy8dUVC9UQ- {
    position: relative;
    height: 3rem;
    max-width: var(--rdp-max-width);
    margin: 16px 0 0;
    background-color: var(--otkit-color-background-alt);
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-background-alt)
}

._9QOqgqLUxQU- {
    border-radius: 4px;
    padding: 0 8px;
    height: 100%;
    display: flex;
    align-items: center
}

.xH4iKGn5Epc- {
    flex: 1;
    padding: 0 4px;
    margin-left: 4px;
    white-space: nowrap;
    color: var(--otkit-color-foreground-alt)
}

._--QcpoimWeA- {
    -webkit-appearance: none;
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    font: inherit
}

._--QcpoimWeA-:hover {
    cursor: initial
}

@media (max-width: 767px) {
    .rYy8dUVC9UQ- {
        margin:0;
        align-self: flex-start
    }

    .xH4iKGn5Epc- {
        flex: 0
    }
}

:root {
    --rdp-cell-size: 36px;
    --rdp-max-width: calc(var(--rdp-cell-size) * 7);
    --rdp-accent-color: var(--otkit-color-background-alt);
    --rdp-background-color: var(--otkit-color-background-default);
    --rdp-active-border-width: .125rem
}

.nApYSyTTkp8- {
    border-radius: 50%;
    border: .0625rem solid var(--otkit-color-border-default);
    box-sizing: border-box;
    height: 32px;
    position: absolute;
    width: 32px
}

.nApYSyTTkp8-:nth-of-type(1) {
    left: 16px
}

.nApYSyTTkp8-:nth-of-type(2) {
    right: 16px
}

.nApYSyTTkp8-:not([disabled]):hover,.nApYSyTTkp8-:not([disabled]):focus {
    border: var(--rdp-active-border-width) solid var(--otkit-color-ash-dark);
    cursor: pointer
}

.nApYSyTTkp8->Icon>span {
    line-height: 32px;
    vertical-align: middle
}

.nApYSyTTkp8-[disabled] svg path {
    fill: var(--otkit-color-foreground-disabled-alt)
}

.cAhc1dNAO1w- {
    height: 100%;
    background-clip: padding-box;
    background-color: var(--otkit-color-background-default);
    border: .0625rem solid var(--otkit-color-border-default);
    border-width: 0 .0625rem .0625rem 0;
    box-sizing: border-box;
    cursor: pointer;
    line-height: var(--rdp-cell-size);
    text-align: center;
    vertical-align: middle;
    width: var(--rdp-cell-size)
}

.cAhc1dNAO1w-:focus,.cAhc1dNAO1w-:focus-visible,.cAhc1dNAO1w-:hover {
    background-color: var(--otkit-color-ash-lightest);
    color: inherit;
    position: relative
}

.cAhc1dNAO1w-:focus:after,.cAhc1dNAO1w-:focus-visible:after,.cAhc1dNAO1w-:hover:after {
    border: var(--rdp-active-border-width) solid var(--otkit-color-ash-dark);
    content: " ";
    inset: 0;
    pointer-events: none;
    position: absolute
}

.cAhc1dNAO1w-:active {
    background-color: var(--otkit-color-ash-darker);
    color: var(--otkit-color-foreground-on-action)
}

.cAhc1dNAO1w-:active:after {
    border-width: 0
}

.cAhc1dNAO1w-.TW-97xMBcWc- {
    color: var(--otkit-color-foreground-alt)
}

.cAhc1dNAO1w-.TW-97xMBcWc-[disabled] {
    color: var(--otkit-color-foreground-disabled-alt);
    cursor: default;
    pointer-events: none
}

.cAhc1dNAO1w-.c2oW-wWEYcY- {
    color: var(--otkit-color-foreground-default);
    position: relative
}

.cAhc1dNAO1w-.c2oW-wWEYcY-:after {
    border: var(--rdp-active-border-width) solid var(--otkit-color-ash-dark);
    content: " ";
    inset: 0;
    pointer-events: none;
    position: absolute
}

.cAhc1dNAO1w-.DzHh-J34BNg- {
    background-color: var(--otkit-color-ash-dark);
    color: var(--otkit-color-foreground-on-action);
    cursor: default
}

.Tty8VDivXVc- {
    position: relative;
    height: 3rem
}

.aov3Br8QrUk- {
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--otkit-color-foreground-default);
    cursor: pointer;
    padding: .3125rem
}

.z-IxWXLCX-M- {
    overflow: hidden;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: .1875rem
}

.aov3Br8QrUk-:focus>.z-IxWXLCX-M- {
    outline: .3125rem solid #4D90FE;
    outline: .3125rem auto #4D90FE
}

._2CzMSYszrmE- {
    position: absolute;
    left: 0;
    top: 3rem;
    display: none;
    z-index: 9999
}

.-vChh4YOniU- .aov3Br8QrUk- {
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 4px;
    padding: 0
}

.-vChh4YOniU- .RkNeXNwpgHg- {
    padding-left: 4px;
    margin-right: -.0625rem
}

@media (max-width: 767px) {
    .GGpXc3S7gXs-._4mM-Iz-wOtI- {
        position:absolute;
        bottom: 0;
        left: calc(50% - .75rem)
    }

    .-RHLCxzHbg4-._4mM-Iz-wOtI- {
        font-size: .9375rem
    }

    .NpXZWPzINEg-._4mM-Iz-wOtI- {
        left: -4.4375rem
    }

    .Hgl-r-sCyHs- {
        background-color: #fff;
        /* background-color: var(--otkit-color-background-alt); */
        border-radius: 4px
    }

    ._87FisnHefnk- {
        display: none
    }
    .bg3p57GxXus- {
        background-color: #fff;
        /* background-color: var(--otkit-color-background-alt); */
    }
    
    
}

@media (min-width: 23.4375rem) and (max-width: 767px) {
    ._87FisnHefnk- {
        display:inline-block
    }
}

.ghN-8Txhbio- {
    height: 100%;
    position: relative
}

.pFcYechtENk- {
    padding: 0
}

.aSmm-C5PJaM- {
    z-index: 1000000
}

.phXedUqUp3M- {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    padding: 48px 16px 16px;
    background-color: var(--otkit-color-background-default);
    z-index: 1
}

.v-QLZV0E9BA- {
    text-align: left;
    padding: 16px 0 48px;
    overflow: scroll
}

.arNF5Oo7-8k- {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    top: 8.5rem;
    z-index: 1;
    margin: 0 16px 8px;
    background: var(--otkit-color-background-default)
}

.NuJpZJH0m4Y- {
    margin-right: 8px
}

.f-qJVRoBERk- {
    list-style: none;
    padding: 0;
    margin: 0 0 24px
}

.f-qJVRoBERk-:last-child {
    margin-bottom: 0
}

.LG0oe6PF7yo- {
    display: flex
}

._09Js07ljzEA- {
    flex: 1;
    background: none;
    border: none;
    text-align: left;
    padding: 16px 16px 16px 48px
}

._09Js07ljzEA-:active {
    background: var(--otkit-color-ash-lightest)
}

.-C0BuUdFB8M- {
    display: flex;
    flex-direction: column
}

.T0HkXiBVxO4- {
    color: var(--otkit-color-foreground-default)
}

.Kzz4YdxAwtA- {
    color: var(--otkit-color-foreground-alt)
}

._0d9giB-69iw- {
    height: 1.5rem;
    width: 1.5rem;
    padding: 0;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    border: none;
    z-index: 1;
    position: absolute
}

.ft2bHFRfoGA- {
    left: 16px;
    top: 16px
}

.vVfk08PUj04- {
    top: 16px;
    right: 16px
}

.Gr6kc2R-bzc- {
    width: 100%;
    height: 100%;
    padding-left: 3.5rem;
    padding-right: 16px;
    border: none;
    border-radius: 4px;
    outline: none;
    color: var(--otkit-color-foreground-default)
}

.Gr6kc2R-bzc-::placeholder {
    color: var(--otkit-color-ash-light);
    opacity: 1
}

.Gr6kc2R-bzc-::-ms-clear {
    display: none
}

.Gr6kc2R-bzc-:hover {
    cursor: text
}

.Gr6kc2R-bzc-:focus {
    outline: none
}

.DmYsOuT0FVk-,.QhqQjGOgNmM- {
    position: absolute;
    top: 2.75rem;
    width: 100%;
    padding-top: .25rem;
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
    border-right: .0625rem solid var(--otkit-color-ash-lightest);
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest);
    border-left: .0625rem solid var(--otkit-color-ash-lightest);
    z-index: 200;
    background-color: var(--otkit-color-background-default)
}

.JCrwzIAAVS0- {
    position: relative;
    margin: 0;
    padding: 8px 16px 8px 2.5rem;
    border-top: .0625rem solid var(--otkit-color-ash-lightest);
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest);
    color: var(--otkit-color-foreground-alt)
}

.Um-9JYiKXHY- {
    position: absolute;
    left: .625rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.375rem;
    height: 1.5625rem
}

.Um-9JYiKXHY- path {
    fill: var(--otkit-color-ash)
}

.kCNL1xmbUQ4- {
    width:  22px;
    height: 22px
}

.kCNL1xmbUQ4- path {
    fill: var(--otkit-color-foreground-default)
}

.UEilg9VygnY- {
    padding: 8px 16px 8px 2.5rem;
    word-wrap: break-word;
    text-align: left;
    cursor: pointer;
    color: var(--otkit-color-foreground-alt)
}

.meUVkkac0UM- {
    background-color: var(--otkit-color-red);
    color: var(--otkit-color-white)
}

.-pjzNFQAmjQ- {
    font-weight: 700
}

.u5tD5ZDdAag- {
    text-transform: capitalize
}

.ZsxKn-ma2CQ- {
    margin: 4px 0 0 8px;
    position: absolute
}

.KRJBmG4N5S8- {
    background-color: var(--otkit-color-ash-lightest)
}

@media screen and (max-width: 767px) {
    .HGN9sXTgLng- {
        background-color:var(--otkit-color-background-alt)
    }

    .HGN9sXTgLng-::placeholder {
        color: var(--otkit-color-foreground-alt)
    }
}

.kXLz-QLF9Tw- {
    position: relative;
    height: 48px
}

.kXLz-QLF9Tw-.EWYlBdzpK5o- {
    visibility: hidden
}

.RqHv8ybPetk- {
    background: var(--otkit-color-background-default);
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-default);
    color: var(--otkit-color-foreground-default);
    height: 100%;
    outline: none;
    padding: 0 32px 0 40px;
    width: 100%;
    -webkit-appearance: none
}

.RqHv8ybPetk-:focus {
    border-color: var(--otkit-color-ash-dark)
}

._5YfOWjHerkY-,._5YfOWjHerkY-:focus {
    border: .0625rem solid var(--otkit-color-border-danger)
}

.RqHv8ybPetk-::-webkit-search-cancel-button {
    -webkit-appearance: none
}

._7C3SuXr2tBg-::placeholder {
    color: var(--otkit-color-foreground-action)
}

.R3zWSNEnslA- {
    background: none;
    width: 2rem;
    padding: 0;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.oekJ805oe8w- {
    align-items: center;
    background: var(--otkit-color-ash-light);
    border-radius: 50%;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.YObGutoLfBY- {
    width: 16px;
    height: 16px;
    min-width: initial
}

.YObGutoLfBY- path {
    fill: var(--otkit-color-white)
}

.f9Y-cjhRA1Y- {
    height: 1.5rem;
    left: .625rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.bkETQ--KXv4- {
    width: .875rem;
    height: .875rem
}

.H2oLEL-CG5M- {
    width: 1.5rem;
    height: 1.5rem
}

.H2oLEL-CG5M- path {
    fill: var(--otkit-color-foreground-default)
}

._6pyBAaPtj5E- path {
    fill: var(--otkit-color-foreground-action)
}

.yVXK7ATVaF4- {
    padding: .125rem 4px;
    border-radius: 4px;
    color: var(--otkit-color-white);
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    vertical-align: middle
}

.O9w8-4MWVTc- {
    background: var(--otkit-color-red)
}

.WChHyQoXmbs- {
    background: var(--otkit-color-ash-dark)
}

.gvQIdkgfx0o- {
    background: var(--otkit-color-ash)
}

.SxXCc9juvkU- {
    background: #f5f5f2;
    color: var(--otkit-color-foreground-default)
}

.J3ZR7rggBNY- {
    background: var(--otkit-color-background-default);
    color: var(--otkit-color-foreground-default)
}

.SxXCc9juvkU- .LxfGuC-FA-Q- path,.J3ZR7rggBNY- .LxfGuC-FA-Q- path {
    fill: var(--otkit-color-foreground-default)
}

.szYUkCVDTv0- {
    background-color: var(--otkit-color-background-alt);
    color: var(--otkit-color-foreground-default)
}

.LxfGuC-FA-Q- {
    height: 10px;
    width: 10px;
    min-width: auto;
    position: relative;
    top: .0625rem;
    margin: 0 .125rem 0 0
}

.LxfGuC-FA-Q- path {
    fill: var(--otkit-color-white)
}

.NBjLcBFO7-k- {
    position: relative;
    height: 48px;
    background: var(--otkit-color-background-default)
}

.xp4BXCnACmQ- {
    color: var(--otkit-color-foreground-disabled);
    background-color: var(--otkit-color-ash-lightest);
    border: .0625rem solid var(--otkit-color-border-disabled);
    border-radius: 4px
}

.ddX1h9Sx-s8- {
    height: 100%;
    display: flex;
    font-size: 16px;
    align-items: center;
    padding: .3125rem
}

.uTu1q8XLdCA- {
    flex: 1;
    display: flex;
    align-items: center;
    height: 100%;
    font-weight: 500;
    padding: .1875rem
}

._-0eOI3PGCkk- {
    flex: 1;
    padding: 0 4px;
    margin-left: 4px
}

.nVVkJeUQFiQ- {
    white-space: nowrap
}

.WLE-wA5ABiY- {
    -webkit-appearance: none;
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    font: inherit
}

.xp4BXCnACmQ- .WLE-wA5ABiY- {
    cursor: initial
}

.WLE-wA5ABiY-:focus+.ddX1h9Sx-s8->.uTu1q8XLdCA- {
    outline: .3125rem solid #4D90FE;
    outline: .3125rem auto #4D90FE
}

.xp4BXCnACmQ- .WLE-wA5ABiY-:focus+.ddX1h9Sx-s8->.uTu1q8XLdCA- {
    outline: initial
}

.n7RNPuzbKYQ- .ddX1h9Sx-s8- {
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 4px;
    padding: 0
}

.n7RNPuzbKYQ- select:hover+.ddX1h9Sx-s8- {
    border-color: var(--otkit-color-ash-dark)
}

.n7RNPuzbKYQ- .uTu1q8XLdCA- {
    padding: 0 .1875rem;
    overflow: visible
}

._53O3T9VOHJ0- .ddX1h9Sx-s8- {
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 4px;
    padding: 0
}

._53O3T9VOHJ0- .H0Hc7m0zrEw- {
    border: none;
    border-radius: 4px
}

._53O3T9VOHJ0- select:hover+.ddX1h9Sx-s8- {
    border: .0625rem solid var(--otkit-color-red)
}

._53O3T9VOHJ0-.qHLAjAjIVUw- select:hover+.ddX1h9Sx-s8- {
    border: .0625rem solid var(--otkit-color-ash-dark)
}

._53O3T9VOHJ0-.qHLAjAjIVUw-.xp4BXCnACmQ- select:hover+.ddX1h9Sx-s8- {
    border-width: 0
}

.n7RNPuzbKYQ-.xp4BXCnACmQ- .ddX1h9Sx-s8-,._53O3T9VOHJ0-.xp4BXCnACmQ- .ddX1h9Sx-s8- {
    border-color: var(--otkit-color-border-disabled)
}

._53O3T9VOHJ0- .uTu1q8XLdCA- {
    padding: 0 8px;
    overflow: visible
}

.tFR1dNjmKF0-.XFWYga0Jyyw- {
    margin-left: -4px
}

._5bDNcXBBIHk- {
    background-color: var(--otkit-color-ash-lightest)
}

@media (max-width: 23.375rem) {
    .jQwYXcNmbTo- {
        display:none
    }
}

@media (max-width: 767px) {
    .ddX1h9Sx-s8-.GJpbMMqdeQ8- {
        background-color:#f3f2f1;
        text-align: center
    }

    .tFR1dNjmKF0-.GJpbMMqdeQ8- {
        position: absolute;
        bottom: 0;
        left: calc(50% - .75rem)
    }

    ._-0eOI3PGCkk-.GJpbMMqdeQ8- {
        font-size: .9375rem
    }

    .HQ-2nDnoEas- {
        background : #fff;
        /* background: var(--otkit-color-background-alt); */
        border-radius: 4px
    }

    .oDHTxpptnKg- {
        display: none
    }
}

@media (min-width: 23.4375rem) and (max-width: 767px) {
    .oDHTxpptnKg- {
        display:inline-block
    }
}

.Tty8VDivXVc- {
    position: relative;
    height: 48px
}

.aov3Br8QrUk- {
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--otkit-color-foreground-default);
    cursor: pointer;
    padding: 5px
}

.aov3Br8QrUk-:focus {
    outline: none
}

.z-IxWXLCX-M- {
    overflow: hidden;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 3px
}

.aov3Br8QrUk-:focus>.z-IxWXLCX-M- {
    outline: 5px solid #4D90FE;
    outline: 5px auto #4D90FE
}

.RkNeXNwpgHg- {
    flex: 1;
    display: flex;
    align-items: center;
    height: 100%
}

.-RHLCxzHbg4- {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 0 4px;
    margin-left: 4px;
    width: 110px;
}

._2CzMSYszrmE- {
    position: absolute;
    left: 0;
    top: 48px;
    display: none;
    z-index: 9999
}

.NpXZWPzINEg- {
    display: block
}

.-vChh4YOniU- .aov3Br8QrUk- {
    border: 1px solid var(--otkit-color-border-default);
    border-radius: 4px;
    padding: 0
}

.-vChh4YOniU- .aov3Br8QrUk-:hover {
    border-color: var(--otkit-color-ash-dark)
}

.-vChh4YOniU- .z-IxWXLCX-M- {
    padding: 0;
    overflow: visible
}

.-vChh4YOniU- .RkNeXNwpgHg- {
    padding-left: 4px;
    margin-right: -1px
}

.GGpXc3S7gXs-.-ETWcZMekw8- {
    margin-left: -12px
}

@media (max-width: 767px) {
    .GGpXc3S7gXs-._4mM-Iz-wOtI- {
        position:absolute;
        bottom: 0;
        left: calc(50% - 12px)
    }

    .-RHLCxzHbg4-._4mM-Iz-wOtI- {
        font-size: 15px
    }

    .NpXZWPzINEg-._4mM-Iz-wOtI- {
        left: -71px
    }

    .Hgl-r-sCyHs- {
        background-color: #fff;
        /* background-color: var(--otkit-color-background-alt); */
        border-radius: 4px
    }

    ._87FisnHefnk- {
        display: none
    }
}

@media (min-width: 375px) and (max-width: 767px) {
    ._87FisnHefnk- {
        display:inline-block
    }
}

@custom-media --medium-viewport (max-width: 978px);
.P1kcycPs-8w- {
    position: relative;
    display: flex;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%
}

.P1kcycPs-8w-.HpZnnuSKl9w- {
    flex-direction: column
}

.P1kcycPs-8w- * {
    box-sizing: border-box;
    border: none;
}

.kPWDNFjFcCI- {
    display: flex;
    min-width: 50rem
}

.kPWDNFjFcCI-.HpZnnuSKl9w- {
    margin-bottom: 16px
}

.cIZNKzRnEyU- {
    flex-grow: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.n4PQLTBEMuQ- {
    display: flex;
    flex-direction: row;
    flex-grow: 1
}

.n4PQLTBEMuQ-.FYjq74bQzsQ- {
    border: .0625rem solid rgba(0,0,0,.08);
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.-RPnQyzsP9M- {
    overflow: visible;
    background: var(--otkit-color-background-default);
    min-width: 9.375rem;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

._7TXK683CKP8- {
    background: transparent;
    border-radius: 4px 0 0 4px
}

.fWdZypa7d-s- {
    background: var(--otkit-color-background-default);
    border-left: .0625rem solid rgba(0,0,0,.08);
    border-right: .0625rem solid rgba(0,0,0,.08)
}

.IV31zSOzbQA- {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.IV31zSOzbQA-.FYjq74bQzsQ- {
    border: .0625rem solid rgba(0,0,0,.08);
    border-left: 0
}

._1AF-ygDJzCE- {
    display: flex;
    flex-direction: row
}

._9JEzqISkUiQ- {
    margin: 0 16px;
    border-radius: 4px;
    flex: 1 1 auto;
    width: 100%;
    height: 48px;
    min-width: 33.125rem;
    position: relative
}

._9JEzqISkUiQ-.FYjq74bQzsQ- {
    border: .0625rem solid rgba(0,0,0,.08)
}

._9JEzqISkUiQ-.HpZnnuSKl9w- {
    margin: 0 16px 8px 0
}

._8ZZ6Iee0g18- {
    min-width: 150px;
    border-radius: 4px;
    overflow: hidden
}

._8ZZ6Iee0g18- button {
    border-radius: inherit
}

._2Kn6eT5as-w- {
    height: 3rem;
    background: var(--otkit-color-background-default);
    border-radius: 4px
}

.pqelZ6vRk7A- {
    height: 3rem;
    background: var(--otkit-color-background-default);
    border-radius: 0 4px 4px 0
}

.CBdZbRG2CUk- {
    background-color: #f1f2f4
}

.mMdDuRQADlc- {
    font-weight: 420;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1055px),(min-width: 23.4375rem) and (max-width: 51.4375rem) and (orientation: landscape) {
    .P1kcycPs-8w- {
        flex-direction:column
    }

    .n4PQLTBEMuQ- {
        display: flex;
        flex-direction: row
    }

    .fWdZypa7d-s- {
        border-radius: none
    }

    .kPWDNFjFcCI- {
        margin-bottom: 16px;
        display: flex;
        flex-direction: row;
        width: 100%
    }

    ._1AF-ygDJzCE- {
        display: flex;
        flex-direction: row
    }

    ._9JEzqISkUiQ- {
        margin: 0 16px 8px 0
    }

    ._8ZZ6Iee0g18- {
        border-radius: 4px
    }

    ._8ZZ6Iee0g18- button {
        border-radius: inherit
    }
}

@media (max-width: 767px) {
    .P1kcycPs-8w- {
        max-width:25rem;
        min-width: 18rem;
        flex-direction: column
    }

    .n4PQLTBEMuQ- {
        display: flex;
        flex-direction: row;
        margin-bottom: 8px
    }

    ._1AF-ygDJzCE- {
        display: flex;
        flex-direction: column
    }

    .-RPnQyzsP9M- {
        border-radius: none;
        border-right: .0625rem solid rgba(0,0,0,.08)
    }

    .fWdZypa7d-s- {
        border-radius: none;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .IV31zSOzbQA- {
        width: 100%;
        margin-bottom: 8px;
        border-radius: 4px
    }

    .IV31zSOzbQA-.FYjq74bQzsQ- {
        border-left: .0625rem solid rgba(0,0,0,.08)
    }

    .kPWDNFjFcCI- {
        margin: 0;
        display: block;
        width: 100%;
        min-width: 100%;
        flex-direction: column
    }

    ._8ZZ6Iee0g18- {
        width: 100%;
        flex: 1 1 auto
    }

    ._2D8TWrXHI-0- {
        min-width: 0;
        max-width: none
    }

    ._7wlfogI7u9M-,.f-Ru3jRwzV4- {
        background-color: var(--otkit-color-background-alt);
        border-radius: 4px
    }

    .m7-B5Ve-AdI-,.Fv7lYt3iQcg- {
        background: none;
        border: none;
        box-sizing: border-box;
        padding-right: 4px;
        min-width: 0
    }

    .m7-B5Ve-AdI- {
        flex: 0 0 58%
    }

    .Fv7lYt3iQcg- {
        flex: 0 0 42%;
        padding-right: 0;
        padding-left: 4px
    }

    .Rt9U2DB2CIg- {
        min-width: 0
    }
}

@media (min-width: 21.875rem) and (max-width: 767px) {
    .m7-B5Ve-AdI- {
        flex:0 0 61%
    }

    .Fv7lYt3iQcg- {
        flex: 0 0 39%
    }
}

@media (min-width: 23.4375rem) and (max-width: 767px) {
    .m7-B5Ve-AdI-:not(.gmGvXeb9vG4-),.Fv7lYt3iQcg-:not(._8kxXrFGcSaA-) {
        flex:0 0 50%
    }
}

.otkaK7utUkY- {
    display: flex;
    justify-content: center;
    /* padding: 16px 16px 8px; */
    background-color: var(--otkit-color-background-default);
    font-size: 15px;    font-weight: 500;
    background-color: var(--otkit-color-ash-dark);
    padding: 10px;
    background-image: url("//cdn.otstatic.com/cfe/14/images/dtp-tablet-7OZNNJJI.png")
}

@media (min-width: 768px) {
    .otkaK7utUkY- {
        padding:16px 64px;
        background-color: var(--otkit-color-ash-dark);
        background-image: url("//cdn.otstatic.com/cfe/14/images/dtp-tablet-7OZNNJJI.png")
    }
}

@media (min-width: 1056px) {
    .otkaK7utUkY- {
        background-image:url("//cdn.otstatic.com/cfe/14/images/dtp-desktop-6V34JZCE.png")
    }
}

._41CfvWwTuDE- {
    display: flex;
    justify-content: center;
    padding: 16px 0;
    background: var(--otkit-color-background-default)
}

@media (min-width: 768px) {
    ._41CfvWwTuDE- {
        padding:1.5rem 16px 0
    }
}

.FXtK9-HJDjo- {
    border: .0625rem solid var(--otkit-color-border-default);
    margin: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px;
    border-radius: 4px;
    width: 63.125rem
}

.QxUJ47systQ- {
    display: flex
}

._6K-BVUq3bqE- {
    width: 64px;
    height: 64px;
    margin-right: 16px
}

.izX-idPDhbY- {
    margin: 8px 0 16px
}

.XrUc0FrIZDY- {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px
}

.IKqvT3KXgaw- {
    color: var(--otkit-color-foreground-action);
    margin: 8px 0;
    display: block;
    text-decoration: none
}

.-laeFY4mpUI-,.IKqvT3KXgaw- {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.-laeFY4mpUI- {
    margin: 0
}

.SDYl1pwnNsY- {
    margin: 32px 0 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.Ph6tp3NEqDg- {
    margin-top: 4px;
    margin-bottom: 4px
}

.KMFTwfsGxyM- {
    display: flex;
    flex-direction: column;
    margin-top: 32px
}

._0eOUAOLrVZc- {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 32px
}

@media (min-width: 20.0625rem) {
    .KMFTwfsGxyM- {
        flex-direction:row
    }

    .Ph6tp3NEqDg- {
        font-size: 16px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width: 768px) {
    ._0eOUAOLrVZc- {
        margin-left:unset;
        margin-right: unset
    }
}

._8j-1jRxkST0- {
    color: var(--otkit-color-ash-light);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.aWPSo-eOG0k- {
    margin-bottom: 1.5rem
}

._6CGwhSbV-PA- {
    margin: 0 16px 4px
}

.zFI5-2ZXVcg- {
    font-weight: 700
}

.o8tDE4x0lyI- {
    align-self: flex-start;
    padding: 0;
    margin: 0 16px 8px;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    color: var(--otkit-color-foreground-action);
    text-decoration: underline
}

.o8tDE4x0lyI-:focus {
    outline: .3125rem solid #7dadd9;
    outline: .3125rem auto -webkit-focus-ring-color
}

.wsFgtjSr0iA- {
    color: var(--otkit-color-foreground-default);
    font-size: 14px;
    line-height: 20px;
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 4px;
    padding: 4px 8px;
    background: none;
    cursor: pointer
}

.jr1pRe29gB4- {
    width: 16px;
    min-width: auto;
    height: 16px;
    margin-right: 4px;
    position: relative;
    top: .1875rem
}

.BQ20uVDK4xM- {
    display: flex;
    justify-content: space-between;
    margin: 0 16px 16px
}

@media (min-width: 768px) {
    .BQ20uVDK4xM- {
        display:none
    }
}

.bvAylxEnWH0- {
    color: var(--otkit-color-foreground-default);
    font-size: 14px;
    line-height: 20px;
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 4px;
    padding: 4px 8px;
    background: none;
    cursor: pointer
}

.-U4DpMK-5Hg- {
    width: 16px;
    min-width: auto;
    height: 16px;
    margin-right: 4px;
    position: relative;
    top: .1875rem
}

.ieOFLDsutxs- {
    box-sizing: border-box;
    height: 2rem;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin: 0 .125rem;
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 6.25rem;
    padding: 0 0 0 16px;
    background-color: var(--otkit-color-background-default);
    color: var(--otkit-color-foreground-default)
}

.ieOFLDsutxs-:hover {
    cursor: pointer
}

.ieOFLDsutxs-.cm5RZBSP2AQ-:not(:disabled) {
    border: .125rem solid var(--otkit-color-border-action)
}

.ieOFLDsutxs-:focus {
    outline: none;
    background: var(--otkit-color-background-alt)
}

.QQB-s9cwH4A- {
    width: 6.25rem;
    height: 2rem;
    border-radius: 6.25rem;
    margin: 0 .125rem
}

.OU5F8V8Entg- {
    margin: 0 4px
}

.-DSPQ52zhKM- {
    position: relative;
    overflow-x: hidden;
    margin: 0 0 16px
}

.-DSPQ52zhKM-:before,.-DSPQ52zhKM-:after {
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 0;
    top: 0;
    z-index: 1
}

.-DSPQ52zhKM-:before {
    width: 16px;
    left: 0;
    background: linear-gradient(-90deg,rgba(255,255,255,0) 0%,var(--otkit-color-background-default) 25%)
}

.-DSPQ52zhKM-:after {
    width: 1.5rem;
    right: 0;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--otkit-color-background-default) 60%)
}

.VJ5K50XYw3M- {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none
}

.VJ5K50XYw3M-:after {
    content: " ";
    display: inline-block;
    min-width: 1.5rem;
    height: .0625rem
}

.VJ5K50XYw3M-::-webkit-scrollbar {
    display: none
}

.Y3KX6uplUnY- {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 2rem;
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 16px;
    padding: 0 16px;
    margin: 0 .125rem 0 16px;
    background: none;
    cursor: pointer
}

.Y3KX6uplUnY-:focus {
    outline: none;
    background-color: var(--otkit-color-background-alt)
}

.-OebQ4SzDE0- {
    width: 16px;
    min-width: auto;
    height: 16px;
    margin-right: 0;
    position: relative;
    top: 0
}

@media (min-width: 768px) {
    .-DSPQ52zhKM- {
        display:none
    }
}

.ojKcSDzr190- {
    text-decoration: none
}

.y4S9mw-uCFI- {
    color: var(--otkit-color-foreground-info)
}

.yvcpNnkz7xo- {
    color: var(--otkit-color-foreground-action)
}

.fAwKcPtLqSo- {
    color: var(--otkit-color-foreground-default)
}

._3JbEJDrCk58- {
    color: #0003
}

.Vk-xtpOrXcE- {
    border: 0;
    -webkit-clip-path: inset(.0625rem .0625rem .0625rem .0625rem);
    clip-path: inset(.0625rem .0625rem .0625rem .0625rem);
    height: .0625rem;
    margin: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0625rem
}

.PWDPBh63HJE- {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 4px 0 0;
    white-space: nowrap
}

._4QF0cXfwR9Q- {
    display: inline-block;
    color: var(--otkit-color-foreground-default);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    width: calc(100% - 2.1875rem);
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 4px
}

.R9NyqT2lRqw- {
    display: flex;
    align-items: center
}

.tSiVMQB9es0- {
    margin: 0 8px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--otkit-color-foreground-action);
    align-items: center;
    display: none
}

.yEKDnyk-7-g- {
    display: flex;
    margin-right: 8px;
    align-items: center;
    flex-shrink: 0
}

._2euIFerq6AE- {
    margin-right: 4px
}

.g0eS6SfvCzo- {
    width: 2rem;
    height: 2rem
}

.PowuxkVMSio- {
    width: 1rem;
    height: 1rem
}

.bmTdO537mfg- {
    width: .625rem;
    height: .625rem
}

._2euIFerq6AE->i {
    display: block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    color: var(--otkit-color-foreground-action)
}

._2euIFerq6AE-:last-child {
    margin-right: 0
}

._0cFUqdUyH2s- {
    margin-right: 8px
}

.sK5K9aX8HHw- {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716px%27 height=%2716px%27 viewBox=%270 0 16 16%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ctitle%3EStar_8_%3C/title%3E%3Cpath d=%27M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 0 1 .188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 0 1-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z%27 fill-rule=%27nonzero%27 fill=%27%23DA3743%27/%3E%3C/svg%3E")
}

.sK5K9aX8HHw-._1Thl3bJ9iPU- {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23FDAF08' d='M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 01.188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 01-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z'/%3E%3C/svg%3E")
}

.sK5K9aX8HHw-.ApX0WvSLU9A- {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2391949A' d='M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 01.188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 01-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z'/%3E%3C/svg%3E")
}

.vRcgMFfiQ3A- {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716px%27 height=%2716px%27 viewBox=%270 0 16 16%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ctitle%3Estar-threequarter%3C/title%3E%3Cg fill-rule=%27nonzero%27 fill=%27none%27%3E%3Cpath d=%27M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 0 1 .188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 0 1-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z%27 fill=%27%23E1E1E1%27/%3E%3Cpath d=%27M5.465 5.14l-5.256.784c-.105.041-.167.094-.188.156-.042.084-.021.167.062.251l3.786 3.886-.876 5.516c-.042.084-.01.157.094.219.021.021.063.031.125.031s.104-.01.125-.031L8 13.383l2 1.095V3.931L8.219.125C8.177.042 8.104 0 8 0c-.063 0-.136.042-.219.125L5.465 5.14z%27 fill=%27%23DA3743%27/%3E%3C/g%3E%3C/svg%3E")
}

.vRcgMFfiQ3A-._1Thl3bJ9iPU- {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cpath fill='%23D8D9DB' d='M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 01.188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 01-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z'/%3E%3Cpath fill='%23FDAF08' d='M5.465 5.14l-5.256.784c-.105.041-.167.094-.188.156-.042.084-.021.167.062.251l3.786 3.886-.876 5.516c-.042.084-.01.157.094.219.021.021.063.031.125.031s.104-.01.125-.031L8 13.383l2 1.095V3.931L8.219.125C8.177.042 8.104 0 8 0c-.063 0-.136.042-.219.125L5.465 5.14z'/%3E%3C/g%3E%3C/svg%3E")
}

.vRcgMFfiQ3A-.ApX0WvSLU9A- {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cpath fill='%23D8D9DB' d='M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 01.188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 01-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z'/%3E%3Cpath fill='%2391949A' d='M5.465 5.14l-5.256.784c-.105.041-.167.094-.188.156-.042.084-.021.167.062.251l3.786 3.886-.876 5.516c-.042.084-.01.157.094.219.021.021.063.031.125.031s.104-.01.125-.031L8 13.383l2 1.095V3.931L8.219.125C8.177.042 8.104 0 8 0c-.063 0-.136.042-.219.125L5.465 5.14z'/%3E%3C/g%3E%3C/svg%3E")
}

.dZJPULHEKKM- {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716px%27 height=%2716px%27 viewBox=%270 0 16 16%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ctitle%3Estar-half%3C/title%3E%3Cg fill-rule=%27nonzero%27 fill=%27none%27%3E%3Cpath d=%27M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 0 1 .188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 0 1-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z%27 fill=%27%23E1E1E1%27/%3E%3Cpath d=%27M7.781.125L5.465 5.14l-5.256.784c-.105.041-.167.094-.188.156-.042.084-.021.167.062.251l3.786 3.886-.876 5.516c-.042.084-.01.157.094.219.021.021.063.031.125.031s.104-.01.125-.031L8 13.383V0c-.063 0-.136.042-.219.125z%27 fill=%27%23DA3743%27/%3E%3C/g%3E%3C/svg%3E")
}

.dZJPULHEKKM-._1Thl3bJ9iPU- {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cpath fill='%23D8D9DB' d='M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 01.188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 01-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z'/%3E%3Cpath fill='%23FDAF08' d='M7.781.125L5.465 5.14l-5.256.784c-.105.041-.167.094-.188.156-.042.084-.021.167.062.251l3.786 3.886-.876 5.516c-.042.084-.01.157.094.219.021.021.063.031.125.031s.104-.01.125-.031L8 13.383V0c-.063 0-.136.042-.219.125z'/%3E%3C/g%3E%3C/svg%3E")
}

.dZJPULHEKKM-.ApX0WvSLU9A- {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cpath fill='%23D8D9DB' d='M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 01.188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 01-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z'/%3E%3Cpath fill='%2391949A' d='M7.781.125L5.465 5.14l-5.256.784c-.105.041-.167.094-.188.156-.042.084-.021.167.062.251l3.786 3.886-.876 5.516c-.042.084-.01.157.094.219.021.021.063.031.125.031s.104-.01.125-.031L8 13.383V0c-.063 0-.136.042-.219.125z'/%3E%3C/g%3E%3C/svg%3E")
}

.JuHtUJD5EQo- {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716px%27 height=%2716px%27 viewBox=%270 0 16 16%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ctitle%3Estar-quarter%3C/title%3E%3Cg fill-rule=%27nonzero%27 fill=%27none%27%3E%3Cpath d=%27M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 0 1 .188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 0 1-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z%27 fill=%27%23E1E1E1%27/%3E%3Cpath d=%27M6 3.982L5.465 5.14l-5.256.784c-.105.041-.167.094-.188.156-.042.084-.021.167.062.251l3.786 3.886-.876 5.516c-.042.084-.01.157.094.219.021.021.063.031.125.031s.104-.01.125-.031L6 14.485V3.982z%27 fill=%27%23DA3743%27/%3E%3C/g%3E%3C/svg%3E")
}

.JuHtUJD5EQo-._1Thl3bJ9iPU- {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' aria-hidden='true'%3E%3Cg fill='none'%3E%3Cpath fill='%23D8D9DB' d='M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 01.188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 01-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z'/%3E%3Cpath fill='%23FDAF08' d='M6 3.982L5.465 5.14l-5.256.784c-.105.041-.167.094-.188.156-.042.084-.021.167.062.251l3.786 3.886-.876 5.516c-.042.084-.01.157.094.219.021.021.063.031.125.031s.104-.01.125-.031L6 14.485V3.982z'/%3E%3C/g%3E%3C/svg%3E")
}

.JuHtUJD5EQo-.ApX0WvSLU9A- {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' aria-hidden='true'%3E%3Cg fill='none'%3E%3Cpath fill='%23D8D9DB' d='M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 01.188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 01-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z'/%3E%3Cpath fill='%2391949A' d='M6 3.982L5.465 5.14l-5.256.784c-.105.041-.167.094-.188.156-.042.084-.021.167.062.251l3.786 3.886-.876 5.516c-.042.084-.01.157.094.219.021.021.063.031.125.031s.104-.01.125-.031L6 14.485V3.982z'/%3E%3C/g%3E%3C/svg%3E")
}

.Z6Qtupn4KME- {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716px%27 height=%2716px%27 viewBox=%270 0 16 16%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ctitle%3Estar-empty%3C/title%3E%3Cpath d=%27M3.213 15.984c-.063 0-.104-.01-.125-.031-.104-.063-.136-.136-.094-.219l.876-5.516L.083 6.331C0 6.247-.021 6.164.021 6.08c.021-.063.083-.115.188-.157l5.256-.783L7.781.125C7.864.042 7.937 0 8 0c.104 0 .177.042.219.125l2.347 5.015 5.226.784a.282.282 0 0 1 .188.157c.041.083.02.166-.063.25l-3.786 3.886.907 5.516a.297.297 0 0 1-.094.219c-.104.063-.188.063-.25 0L8 13.383l-4.662 2.57c-.021.021-.063.031-.125.031z%27 fill-rule=%27nonzero%27 fill=%27%23E1E1E1%27/%3E%3C/svg%3E")
}

._5umiJ9MK2sE- {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.MLhGCA4nv6o- {
    display: none
}

.XmafYPXEv24- {
    color: var(--otkit-color-foreground-default);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none
}

.XmafYPXEv24-:hover {
    color: var(--otkit-color-red);
    text-decoration: underline
}

@media (min-width: 23.375rem) {
    .MLhGCA4nv6o- {
        display:inline;
        color: var(--otkit-color-foreground-default);
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        margin-right: 8px
    }
}

._2nBjYSWMIgI- {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    padding: 0 8px;
    background: transparent;
    border-radius: 4px;
    border: .0625rem solid transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 420
}

.hg9MYTh7nv8- {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -4px
}

.hg9MYTh7nv8- svg {
    width: 1.125rem
}

.utZMfvB7O3o- {
    color: var(--otkit-color-foreground-action);
    border-color: var(--otkit-color-border-action)
}

.utZMfvB7O3o- .hg9MYTh7nv8- path {
    fill: var(--otkit-color-foreground-action)
}

.utZMfvB7O3o-:hover {
    background: var(--otkit-color-background-disabled-alt)
}

.b2IeLO0FURI- {
    border-color: var(--otkit-color-border-default)
}

.b2IeLO0FURI-:hover {
    background: var(--otkit-color-background-alt)
}

.c01ySBJYDuY- {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    line-height: normal;
    border-radius: 4px
}

.c01ySBJYDuY-.TxEWFiAc90M- {
    border: .0625rem solid var(--otkit-color-teal-lighter);
    color: var(--otkit-color-foreground-accent-teal-secondary)
}

.c01ySBJYDuY-.GEJLkCrbImY- {
    border: .0625rem solid var(--otkit-color-border-action);
    color: var(--otkit-color-foreground-action)
}

.c01ySBJYDuY-.UlMQ8PQTA74- {
    border-width: .0625rem;
    border-color: var(--otkit-color-border-default);
    color: var(--otkit-color-foreground-default);
    border-style: solid;
    background-color: var(--otkit-color-background-default)
}

.c01ySBJYDuY-.UlMQ8PQTA74-:hover {
    background-color: var(--otkit-color-ash-lightest)
}

.c01ySBJYDuY-.uiOiJmPAyIM- {
    padding: 4px 16px
}

.c01ySBJYDuY-.pgq2zEUpjeA- {
    padding: 8px 32px
}

.c01ySBJYDuY-:hover {
    background: #0000000f
}

.c01ySBJYDuY-:focus {
    outline: .3125rem solid #4d90fe;
    outline: .3125rem auto #4d90fe
}

.c01ySBJYDuY-.U6We9Msq7Tc-.c01ySBJYDuY-.TxEWFiAc90M-,.c01ySBJYDuY-.U6We9Msq7Tc-.c01ySBJYDuY-.GEJLkCrbImY-,.c01ySBJYDuY-.U6We9Msq7Tc-.c01ySBJYDuY-.UlMQ8PQTA74- {
    border: .0625rem solid var(--otkit-color-ash-dark);
    color: var(--otkit-color-ash-dark)
}

.ddbYKpemblM- {
    padding: 8px 0
}

.ZsWGn-CGjQM- {
    padding-top: 32px
}

.fy8-lr50spc- {
    padding-bottom: 0
}

.GgvFT2MJxOs- {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 20px;
    padding: 0
}

.DGVWc7rmaes- {
    margin: 0;
    padding: 8px;
    background: var(--otkit-color-background-alt)
}

.tHqIZFai-b4- {
    background: var(--otkit-color-background-alt);
    display: flex;
    padding: 8px;
    font-size: 14px;
    line-height: 20px
}

._8gb78El3kv4- {
    padding-right: .125rem
}

.VWG0suSViFE- {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    line-height: normal;
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-action);
    color: var(--otkit-color-foreground-action);
    padding: 4px 16px;
    background-color: transparent;
    cursor: pointer
}

.VWG0suSViFE-:hover {
    background: #0000000f
}

.VWG0suSViFE-.gBt7HIbREXo- {
    border: .0625rem solid var(--otkit-color-ash-dark);
    color: var(--otkit-color-ash-dark)
}

.VWG0suSViFE-:focus {
    outline: .3125rem solid #4d90fe;
    outline: .3125rem auto #4d90fe
}

@media (min-width: 768px) and (max-width: 1055px) {
    .tHqIZFai-b4- {
        line-height:1.5rem
    }
}

._8ltgc4Eofik- {
    margin: 0 0 4px;
    text-transform: uppercase;
    color: var(--otkit-color-ash-light);
    font-size: 16px;
    line-height: 20px;
    text-align: left
}

._7bhB1t-RyAk- {
    list-style: none;
    padding: 0;
    margin: 0
}

._7bhB1t-RyAk- li {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.vFX9z2MNdGY- {
    background: var(--otkit-color-background-action);
    border-radius: 4px;
    color: var(--otkit-color-foreground-on-action);
    cursor: pointer;
    display: block;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 4px;
    position: relative;
    text-align: center;
    text-decoration: none
}

.vFX9z2MNdGY-:hover {
    background: var(--otkit-color-red-dark)
}

.ElQ6-ra3KMA- {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--otkit-color-foreground-action);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center
}

.ElQ6-ra3KMA-.XPiK9seXaP8- {
    color: var(--otkit-color-ash-dark)
}

.ElQ6-ra3KMA-.wQfLZS-NwFo- {
    display: none
}

.C3eN-htS4FY- {
    width: 1.25rem
}

.C3eN-htS4FY- path {
    fill: var(--otkit-color-foreground-action)
}

.cmNM-yVjvWY- {
    z-index: 11
}

.vFX9z2MNdGY-.XPiK9seXaP8- {
    background: var(--otkit-color-ash-dark)
}

.vFX9z2MNdGY-.XPiK9seXaP8-:hover {
    background: var(--otkit-color-ash)
}

.C3eN-htS4FY-.XPiK9seXaP8- path {
    fill: var(--otkit-color-ash-dark)
}

.Ya-H1DESXpI- {
    list-style: none;
    padding: 0;
    margin: 8px 0 0
}

.RBo070VBj8k- {
    display: flex;
    margin-top: 16px;
    max-width: 28.125rem;
    width: 100vw;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-left: -16px
}

.RBo070VBj8k-::-webkit-scrollbar {
    display: none
}

.KCsUG7dZau0- {
    display: inline-block;
    width: calc(20% - .4375rem);
    min-width: 5.125rem;
    vertical-align: top;
    margin: 0 8px 8px 0
}

.RBo070VBj8k- .KCsUG7dZau0-:first-child {
    padding-left: 16px
}

.KCsUG7dZau0-:last-child {
    margin-right: 0
}

.vdoXatO7GdE- {
    border-radius: 4px;
    background: #0000000f;
    height: 32px
}

._7cjPNwg2Hfk- {
    border-radius: 4px;
    height: 32px;
    margin-bottom: 1.5rem
}

.PEgGej7eBkc- {
    margin-top: 8px
}

@media (min-width: 768px) {
    .RBo070VBj8k- {
        width:auto;
        overflow-x: unset
    }
}

.HToTZmxfk7E- {
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 420
}

.olJRitgkrTk- {
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px
}

.olJRitgkrTk- span {
    height: 12px;
    width: 12px;
    top: .125rem
}

._-19wAw3ZDgY- {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 8px
}

._-19wAw3ZDgY- span {
    height: 16px;
    width: 16px;
    top: .1875rem;
    margin: 0 4px 0 0
}

.Ib6aJMgAqno- {
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 420
}

._5zgizdLa928- {
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px
}

._5zgizdLa928- span {
    height: 12px;
    width: 12px;
    top: .125rem
}

.kXJzN1jiWKE- {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 8px
}

.kXJzN1jiWKE- span {
    height: 16px;
    width: 16px;
    margin: 0 4px 0 0;
    top: .1875rem
}

.z4mgDXY4RhY- {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 4px
}

.qCITanV81-Y- {
    display: flex;
    text-decoration: none
}

.qCITanV81-Y-:hover .FhfgYo4tTD0- {
    text-decoration: underline
}

.FhfgYo4tTD0- {
    color: var(--otkit-color-foreground-info);
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    word-break: break-word
}

.xzaXAE7o1wc- {
    max-height: 48px;
    overflow: hidden;
    white-space: pre-wrap
}

.qivIEjtoHOo- {
    display: flex;
    align-items: center;
    margin: .1875rem 4px 0;
    color: var(--otkit-color-white);
    height: 1.0625rem;
    font-size: .75rem;
    font-weight: 500;
    background: var(--otkit-color-red);
    border-radius: .5625rem;
    padding: 0 8px;
    text-transform: uppercase
}

.Oos7CO7-egI- {
    display: flex;
    align-items: center;
    background-color: var(--otkit-color-background-accent-green);
    border-radius: .125rem;
    color: var(--otkit-color-white);
    font-size: 12px;
    font-weight: 500;
    padding: 0 4px;
    height: 1.0625rem
}

._7wlDrDpKEiY- {
    background-color: var(--otkit-color-ash)
}

._0I8XebGLvyA- {
    margin: 0 0 8px;
    line-height: 1
}

.A9Le9BeWdf8- {
    height: 15.625rem;
    width: 100%
}

.-kEmfWQTmGY- {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 16px;
    padding: 0 16px 16px;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

._0pn9aGvLles- {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 16px;
    padding: 0 16px 16px;
    border-bottom: .125rem solid var(--otkit-color-aqua-light)
}

.DINppOKQEcY- {
    background-color: var(--otkit-color-background-default);
    display: inline-block;
    position: relative;
    margin: 4px;
    padding: 8px;
    min-width: 20rem;
    width: 20rem;
    border-radius: 4px
}

.JGJL22YjXlM- {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.BcjeJB9cJ4g- {
    width: 4rem;
    margin-bottom: 4px
}

.UDTqH69oafk- {
    height: 5.9375rem
}

.ogUIF88Bm-M- {
    width: 100%
}

.kx-LByrYcog- {
    width: calc(100% - 6.5rem);
    position: absolute;
    top: 0;
    left: 5.5rem
}

.Z2uB6sGPDFI- {
    top: 8px
}

.QctdmUeEKjY- {
    margin: 16px auto
}

.dgpqoz1JuvU- .JrSFbAhgrPs- {
    min-width: 4.6875rem;
    width: calc(33.3333% - 8px)
}

.dgpqoz1JuvU- .JrSFbAhgrPs-:first-child,.dgpqoz1JuvU- .JrSFbAhgrPs-:last-child {
    display: none
}

.zbqXnxZlJkU- {
    display: flex;
    text-decoration: none;
    color: var(--otkit-color-foreground-info);
    margin-top: 4px
}

.zbqXnxZlJkU-:hover .pRwCq7ITA0c- {
    text-decoration: underline
}

.XzIp9YBz6Tk- {
    margin: 8px 0 0 6.875rem
}

.ZGPDx-WC-Z4- {
    font-size: 14px;
    padding: 8px;
    color: var(--otkit-color-foreground-alt)
}

@media (min-width: 23.375rem) {
    .BcjeJB9cJ4g- {
        width:5.625rem
    }

    .kx-LByrYcog- {
        width: calc(100% - 8.625rem);
        left: 7.625rem
    }
}

@media (min-width: 31.875rem) {
    .dgpqoz1JuvU- .JrSFbAhgrPs-:first-child,.dgpqoz1JuvU- .JrSFbAhgrPs-:last-child {
        display:inline-block
    }

    .dgpqoz1JuvU- .JrSFbAhgrPs- {
        width: calc(20% - .4375rem)
    }
}

@media (min-width: 768px) {
    .-kEmfWQTmGY- {
        flex-direction:row;
        padding: 0 0 16px
    }

    .DINppOKQEcY- {
        display: flex;
        flex-direction: row;
        position: relative;
        margin-bottom: 16px;
        padding: 0 0 16px;
        border-bottom: .0625rem solid var(--otkit-color-border-divider);
        min-width: auto;
        width: auto
    }

    .RJp6e-8Yv5M- {
        padding-right: 4px
    }

    .kx-LByrYcog- {
        width: auto;
        position: inherit;
        left: auto;
        margin-left: 0
    }

    .BcjeJB9cJ4g- {
        width: 25%;
        min-width: 5.625rem
    }

    .BcjeJB9cJ4g-.DJVHUxEhzpM- {
        width: 8rem;
        min-width: 8rem
    }

    .UDTqH69oafk-.DJVHUxEhzpM- {
        height: 8rem
    }

    .ogUIF88Bm-M- {
        margin-left: 16px
    }

    .XzIp9YBz6Tk- {
        margin-left: 0
    }
}

@media (min-width: 1056px) {
    .L-SRTkqAQ40- {
        text-align:right
    }

    .BcjeJB9cJ4g- {
        min-width: 12.8125rem
    }

    .UDTqH69oafk- {
        height: 12.8125rem
    }

    .JGJL22YjXlM- {
        align-items: center;
        flex-direction: row
    }

    .RJp6e-8Yv5M- {
        width: 40%
    }

    .dgpqoz1JuvU- {
        width: 60%
    }

    .dgpqoz1JuvU- .JrSFbAhgrPs-:first-child,.dgpqoz1JuvU- .JrSFbAhgrPs-:last-child {
        display: inline-block
    }
}

.QnA57dweuio- {
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-default);
    margin: 0 0 16px
}

.rEDN9-G8U6c- {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-bottom: .0625rem solid var(--otkit-color-border-divider);
    padding: 16px
}

.PozpPtg4978- {
    margin-left: 8px
}

.BbOx52z-Jfs- {
    margin: 0;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.rNarlwOkM2w- {
    font-size: 14px;
    line-height: 20px
}

.lzt0xwnK7ms- {
    list-style: none;
    margin: 0;
    padding: 0
}

._5bCN94GYarQ- {
    padding: 16px;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

._5bCN94GYarQ-:last-child {
    border-bottom: none
}

.ViEQCztFDtg- {
    border-top: .0625rem solid var(--otkit-color-border-divider);
    padding: 16px
}

.HSgl3-IltUM- {
    display: inline-block;
    width: auto;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    padding: 0;
    text-align: left
}

.HSgl3-IltUM-:hover {
    text-decoration: underline
}

.YFZ3JJ-5hJQ- {
    width: .875rem;
    min-width: auto;
    height: auto;
    position: relative;
    top: .1875rem
}

.YFZ3JJ-5hJQ- path {
    fill: var(--otkit-color-foreground-action)
}

.gimen6fqSls- {
    margin-left: 16px
}

._0f39EY4Q6AE- {
    margin-bottom: 16px;
    margin-top: -.5rem;
    padding: 0 16px
}

.m453cTl8W9Y- {
    background-color: var(--otkit-color-background-accent-aqua);
    color: var(--otkit-color-white);
    line-height: 20px;
    margin: 0 0 16px;
    padding: 8px 16px
}

@media (min-width: 768px) {
    ._0f39EY4Q6AE- {
        padding:0
    }

    .m453cTl8W9Y- {
        line-height: 32px;
        padding: 0 16px
    }
}

@keyframes MiUu-Hmt5zk- {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.MiUu-Hmt5zk- {
    animation: MiUu-Hmt5zk- .8s ease-in-out
}

._9f0lh-XelP4- {
    display: none
}

.-UWeavANtE8- {
    display: contents
}

.-UWeavANtE8-._443yrFk8SV0- {
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

.A7eb5cnnvaE- {
    display: flex;
    justify-content: center;
    align-items: center
}

.A7eb5cnnvaE-._443yrFk8SV0- {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.RviZ0bvuLm0- {
    background-color: var(--otkit-color-background-alt)
}

.DrTguNPtOPE- {
    background-color: transparent
}

.AtRRdZc8GD4- {
    height: 3rem;
    width: 3rem
}

.rgqiSMmmHs4- {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    box-sizing: border-box;
    z-index: 1;
    margin: 0
}

.RgVqkiOBnEk- {
    color: var(--otkit-color-foreground-default);
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 16px 0 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.RgVqkiOBnEk-:hover {
    -webkit-text-decoration: underline ash-dark;
    text-decoration: underline ash-dark
}

._4RFz4HA-Xy8- {
    width: 100%;
    object-fit: cover;
    height: 9rem;
    border-radius: .5rem
}

.nliCU5T3vqY- {
    color: var(--otkit-color-foreground-alt)
}

.f97VOMjj4sY- {
    text-decoration: none
}

.f97VOMjj4sY-:focus {
    outline: none
}

.f97VOMjj4sY-:hover {
    cursor: pointer
}

.t5rdwm-995M- {
    display: flex;
    justify-content: space-between
}

._6XQPTqBCCek- {
    margin-top: 0
}

.dQ9Tdu0cEt8- {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.fkJg6pBFWmQ- {
    display: flex;
    justify-content: space-between
}

.B2QgVGt6bA0- {
    margin-bottom: 4px
}

.WNeTP8U99Lo- {
    text-align: right
}

.ZGgVnON1KXM- {
    color: var(--otkit-color-foreground-action)
}

.H-gc3EquZ5Q- {
    display: flex;
    flex-direction: column
}

.H-gc3EquZ5Q-:not(:last-child) {
    margin-bottom: 16px
}

.G3GNdw--dQA- {
    display: flex;
    flex-direction: column
}

.m4rcYRNDG8s- {
    margin-top: 16px;
    color: var(--otkit-color-foreground-info);
    text-decoration: none
}

.AxJEAYDA0d0- {
    display: flex;
    flex-direction: column;
    text-align: right
}

.BizJKcpMFto- {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 1.5rem 0;
    padding: 1.5rem;
    background: var(--otkit-color-background-default);
    border-radius: 4px;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

.CoP7K7C-VXU- {
    display: flex;
    flex-direction: column;
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 4px;
    box-sizing: border-box;
    width: 14.375rem;
    height: 12.625rem;
    padding: 16px;
    justify-content: space-between;
    background: transparent;
    align-items: flex-start
}

.CoP7K7C-VXU-:hover {
    border: .125rem solid var(--otkit-color-red);
    cursor: pointer
}

.grdyOua97FE- {
    margin-top: 16px;
    margin-right: -1.5rem;
    margin-left: -1.5rem
}

.grdyOua97FE- li {
    width: initial
}

.rFL2pLzHxSM- {
    margin-left: 0
}

.MWGXwAQ9TsU- {
    color: var(--otkit-color-ash-darker);
    text-align: left
}

.jMOA3Kxi7TQ- {
    margin-top: 0;
    margin-bottom: 8px
}

.jMOA3Kxi7TQ-,._4UQxehTcgBI- {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.UMSgDWZOBxk- {
    margin: 8px 0;
    height: 2rem
}

.mf77uKS4maI- {
    display: flex;
    color: var(--otkit-color-foreground-action);
    margin: 0
}

@media (min-width: 768px) {
    .BizJKcpMFto- {
        padding:32px;
        display: flex
    }

    .grdyOua97FE- {
        margin-right: 0;
        margin-left: 0
    }
}

._6jDx8KDQf6s- {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    box-sizing: border-box;
    z-index: 1;
    margin: 0
}

.SvG6996KPAA- {
    display: flex;
    flex-direction: column;
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    color: initial;
    position: relative;
    background-color: var(--otkit-color-background-default)
}

.pRCE0KUYHL0- {
    color: var(--otkit-color-foreground-default);
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 16px 0 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.pRCE0KUYHL0-:hover {
    text-decoration: underline
}

.RBQkshcL-ys- {
    margin: 8px 0;
    color: var(--otkit-color-foreground-default);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._6jDx8KDQf6s-:hover .jqzeAaBg7ok- {
    transform: scale(1.05)
}

.jqzeAaBg7ok- {
    width: 100%;
    object-fit: cover;
    height: 8.75rem;
    border-radius: .5rem
}

._7HIzRE-ZE3E- {
    text-decoration: none
}

._7HIzRE-ZE3E-:focus {
    outline: none
}

._7HIzRE-ZE3E-:hover {
    cursor: pointer
}

.Xzt4pAOLGaE- {
    color: var(--otkit-color-foreground-alt)
}

.Twfn0X01xk0- {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    filter: brightness(55%)
}

._5WQsG428oHA- {
    height: 15rem
}

.JqnD32qJvCk- {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0 32px;
    color: var(--otkit-color-white);
    display: flex;
    align-items: center;
    text-align: center;
    white-space: normal;
    text-decoration: none
}

.JqnD32qJvCk-:visited {
    text-decoration: none
}

.JqnD32qJvCk-:focus {
    outline: none
}

.JqnD32qJvCk-:focus:after {
    box-shadow: inset 0 0 0 .1875rem #4d90fe;
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    outline-color: transparent;
    outline-width: .125rem;
    outline-style: dotted
}

.A-sjRWwrNME- {
    padding-top: 100%;
    border-radius: 4px;
    background-color: var(--otkit-color-background-alt)
}

._9enLS5IWnfE- {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.EhceYIOtM1s- {
    background-color: var(--otkit-color-background-default);
    height: 1rem;
    margin: 4px 0
}

.EhceYIOtM1s-.bkW2hvCewtY- {
    width: 60%
}

.EhceYIOtM1s-.fzz5-zmWCvY- {
    width: 85%
}

.EhceYIOtM1s-.gCaK3dIklmQ- {
    width: 25%
}

.jBQL7-W-5PU- {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    -webkit-clip-path: inherit;
    clip-path: inherit
}

.jBQL7-W-5PU-:not(:first-child) {
    margin-left: 8px
}

.jBQL7-W-5PU-:not(:last-child) {
    margin-right: 8px
}

.yUYzab3kx9I-:not(:first-child) {
    margin-left: 4px
}

.yUYzab3kx9I-:not(:last-child) {
    margin-right: 4px
}

.HLmuxp-w-B0- {
    position: relative;
    width: 100%;
    height: 100%
}

.w1qUsdMqT5Q- {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    filter: contrast(.5) brightness(55%)
}

.-E-7rJSLOaw- {
    color: var(--otkit-color-white);
    white-space: normal;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25%;
    text-decoration: none
}

.-E-7rJSLOaw-:visited {
    text-decoration: none
}

.-E-7rJSLOaw-:focus {
    outline: none
}

.-E-7rJSLOaw-:focus:after {
    box-shadow: inset 0 0 0 .1875rem #4d90fe;
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    outline-color: transparent;
    outline-width: .125rem;
    outline-style: dotted
}

.-QcLp-ad-30- {
    color: var(--otkit-color-white);
    white-space: normal;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25%
}

.WiK1XyoVciU- {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--otkit-color-border-default);
    border-radius: .5rem;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    box-sizing: border-box;
    z-index: 1;
    margin: 0
}

.SXYe3u6-sdM-:hover {
    box-shadow: 0 2px 4px #2d333f33;
    transform: translateY(-6px)
}

.SXYe3u6-sdM-:hover .Jhj--Kleru8- {
    transform: scale(1.05)
}

.Qz78BnTx0mM- {
    border: none
}

.P4gNVTUV8aA- {
    width: 236px!important
}

.yUYzab3kx9I- {
    width: 104px!important
}

.iQzlzXP6-Y0- {
    position: relative
}

._352xguBG7TU- {
    position: absolute;
    bottom: .75rem;
    left: 8px
}

._9dWY3FvpcvA-,.ENaGRsIkLCk- {
    position: absolute;
    bottom: .75rem;
    right: 8px
}

.ZhlQU3WFrXM- {
    position: absolute;
    bottom: 8px;
    left: 8px
}

._3VX6mv0SHBA- {
    bottom: .75rem
}

@media (max-width: 767px) {
    .jBQL7-W-5PU- {
        width:calc((100% - (1rem * 5)) * 5 / 6 + (4 * 1rem));
        min-width: 12rem;
        max-width: 19.5rem
    }

    .yUYzab3kx9I- {
        min-width: 104px;
        height: 104px;
        overflow-y: hidden
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .jBQL7-W-5PU- {
        width:calc((100% - (1rem * 11)) * 4 / 12 + (3 * 1rem))
    }
}

@media (min-width: 1024px) {
    .jBQL7-W-5PU- {
        width:calc((100% - 11rem)/4 + 2rem)
    }
}

._7LlL4HEeWs0- {
    text-decoration: none;
    line-height: 0;
    height: 100%
}

._7LlL4HEeWs0-:focus {
    outline: none
}

._7LlL4HEeWs0-:focus:after {
    box-shadow: inset 0 0 0 .1875rem #4d90fe;
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    outline-color: transparent;
    outline-width: .125rem;
    outline-style: dotted
}

._7LlL4HEeWs0-:hover {
    cursor: pointer
}

.g6PmfpZx498- {
    padding: 0 0 32px
}

.Jhj--Kleru8- {
    width: 100%;
    min-height: 132px
}

.-LoG8ADq-WU- {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    background-color: var(--otkit-color-background-alt)
}

.rRh3D5xdiTg- {
    background-color: var(--otkit-color-background-alt);
    margin: 0 0 8px
}

.rRh3D5xdiTg-._84PgK79qGuM- {
    width: 75%;
    height: 1.5rem
}

.rRh3D5xdiTg-.geIsBGpJSRI- {
    width: 65%;
    height: 1rem
}

.rRh3D5xdiTg-.wc84E289HRY- {
    width: 90%;
    height: 1rem
}

.rRh3D5xdiTg-.uo4F29ny3pA- {
    width: 65%;
    height: 1rem
}

.rRh3D5xdiTg-.q-6wa130l4s- {
    width: 55%;
    height: 1.5rem
}

.rRh3D5xdiTg-.U7DnBkcrqIQ- {
    width: 65%;
    height: 1rem
}

.rRh3D5xdiTg-.-vZZv3TFvbU- {
    width: 35%;
    height: 1.5rem
}

.-Dh4n1CFW0Q- {
    height: 100%
}

.GKPtFArEM6o- {
    height: 73.52%;
    width: 100%;
    transition: transform .3s
}

.xAva-esAmio- {
    background-color: var(--otkit-color-background-alt);
    display: block;
    height: 12.5rem;
    width: 100%
}

._1wSGtRxVjUU- {
    display: flex;
    min-height: 12.1875rem
}

.GL0MAXz3iZA- {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: initial;
    position: relative;
    background-color: var(--otkit-color-background-default)
}

._7hO5DEDypis- {
    padding-bottom: 16px;
    white-space: normal
}

.n8WenWEmQ38- {
    color: initial;
    padding: 16px 16px 0
}

.w1jKFtjDSgc- {
    background-color: var(--otkit-color-background-alt);
    height: 1.5rem;
    width: 65%
}

.frfPm7XUUrg- {
    color: var(--otkit-color-foreground-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 4px
}

._0TYDpg6iZOM- {
    margin: 0 0 4px;
    display: flex;
    align-items: center
}

._83qRDEaw8wA- {
    color: var(--otkit-color-foreground-default);
    margin: 0 0 0 4px
}

.HvyBiVvZWsc- {
    margin: 0 0 8px;
    color: var(--otkit-color-foreground-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.G9N63UTAgZ4-:not(:first-child) {
    margin-left: 4px
}

.G9N63UTAgZ4-:not(:first-child):before {
    content: "\2022";
    margin-right: 4px
}

.dGyq9m1VJkQ- {
    color: var(--otkit-color-foreground-default)
}

.Cpcm5M1sBLI- {
    opacity: 0
}

._7doyPMi6JYA- {
    display: flex;
    align-items: center;
    color: var(--otkit-color-foreground-default)
}

._8wAM4RIxxlw- {
    padding-right: 4px
}

.n0UBq9aEwWE- {
    color: var(--otkit-color-foreground-action);
    margin: 0 4px 0 0
}

.Trfedn72-YY- {
    color: var(--otkit-color-foreground-action)
}

.bW9hkYlk19w- {
    display: flex
}

.wW-hqelmc1k- {
    color: var(--otkit-color-foreground-default);
    align-self: center;
    padding-left: 8px
}

.kv6KmS9pZsw- {
    margin: 0
}

._8oQUAj7YRAo-:empty:before {
    content: "\200b"
}

.p4dxw835crE- {
    border-top: .0625rem solid var(--otkit-color-ash-lightest)
}

._4nueII5y9j0- {
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    background: transparent;
    text-align: left
}

.gyd-vXdQGJ4- {
    position: absolute;
    left: 8px;
    bottom: 8px
}

.k1xuczs8Mq4- {
    position: absolute;
    bottom: .75rem;
    left: 8px
}

.bPPGplrQMAw- {
    flex-direction: row;
    padding: 16px;
    background: var(--otkit-color-background-default);
    cursor: pointer
}

.l4dzFhxE-v0- {
    width: auto
}

.XjShg9V0wMI- {
    width: auto;
    height: 7.75rem;
    margin: 0 16px 0 0;
    border-radius: 4px
}

.DaAUbsdo8p0- {
    display: flex;
    flex-direction: column;
    height: 100%;
    white-space: normal;
    text-align: left;
    background-color: var(--otkit-color-background-default);
    width: 9.875rem;
    color: var(--otkit-color-foreground-default)
}

.DaAUbsdo8p0-:hover {
    cursor: pointer
}

.-kDCNKLTYbA- {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.RyvxIm5m-kU- {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    min-height: 48px;
    margin: 0
}

.uJtF1oHNub4- {
    font-size: 14px;
    line-height: 20px;
    margin: 4px 0 0;
    max-height: 40px;
    flex-grow: 1
}

.ncEmjUtMOHM- {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    max-height: 20px;
    margin: 16px 0 0
}

.ECG-6vQJfNA- {
    height: 7.75rem;
    width: auto
}

.s7QBF9WWBmM- {
    margin-bottom: 16px
}

.jb9pNmRW2Z8- {
    font-size: 12px;
    font-weight: xxsmall-regular-font-weight
}

.JH-IkSKGRg8- {
    list-style: none;
    margin: 0;
    white-space: initial;
    width: 16rem
}

.N7QGlebuovA- {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    color: var(--otkit-color-ash-darker);
    background-color: var(--otkit-color-background-default)
}

.TWBXUnqivQg- {
    width: 96px;
    height: 96px
}

.eFIu9i4w1qg- {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.P4q2tbkCAXg- {
    padding: 16px;
    flex: 1
}

.Awx-QxvbQZA- {
    background: var(--otkit-color-background-action);
    border-radius: 4px;
    color: var(--otkit-color-foreground-on-action);
    cursor: pointer;
    display: block;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    height: 2rem
}

.Awx-QxvbQZA-:hover {
    background: var(--otkit-color-red-dark)
}

.k5MjE8A2N2k- {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: var(--otkit-color-foreground-action)
}

.Awx-QxvbQZA-.wTifxOdyR8E- {
    background: var(--otkit-color-ash-dark)
}

.Awx-QxvbQZA-.wTifxOdyR8E-:hover {
    background: var(--otkit-color-ash)
}

.k5MjE8A2N2k-.wTifxOdyR8E- {
    color: var(--otkit-color-ash-dark)
}

.Juie0ehx9oY- {
    flex: 1;
    display: flex;
    padding: 8px 0
}

.-wm4ZsK2g2A- {
    padding-top: 32px
}

.JwVAcKHrxtQ- {
    display: flex;
    list-style: none;
    padding: 0
}

.KpPXbFo9Xw8- {
    display: inline-block;
    width: 4.375rem;
    margin-right: 4px
}

._3z1UIb6RFU4- {
    margin-right: 8px
}

.KpPXbFo9Xw8-:last-child,._3z1UIb6RFU4-:last-child {
    margin-right: 0
}

.p7Jeba4ArSw- {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 0
}

._02gAPY-EOGg- {
    width: 1.5rem;
    height: 1.5rem
}

.Ho45djjogzE- {
    border-radius: 4px;
    height: 32px;
    width: 4.375rem;
    margin-right: 4px
}

.Ho45djjogzE-:last-child {
    margin-right: 0
}

.WOOLE88yjVg- {
    width: 20rem;
    min-width: 20rem;
    max-width: 20rem;
    box-sizing: border-box;
    height: 10.625rem;
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 4px
}

.WOOLE88yjVg-:not(:first-child) {
    margin-left: 4px
}

.WOOLE88yjVg-:not(:last-child) {
    margin-right: 4px
}

.cDiddQNlNXw- {
    box-sizing: border-box;
    padding: 16px 16px .75rem
}

.PB6pr7karH4- {
    text-decoration: none
}

.NsAKHjwEisM- {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--otkit-color-foreground-info);
    margin: 0 0 4px
}

.PB6pr7karH4-:hover .NsAKHjwEisM- {
    text-decoration: underline
}

.wowe4SH-nNk- {
    display: flex
}

._87FP49P4QUY- {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 6.25rem;
    max-width: 10rem;
    height: 2rem;
    padding: 8px;
    margin-right: 4px;
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-default);
    color: var(--otkit-color-foreground-default);
    box-sizing: border-box;
    text-decoration: none
}

._87FP49P4QUY-:hover {
    border: .125rem solid var(--otkit-color-red);
    cursor: pointer;
    padding: calc(8px - .0625rem)
}

._87FP49P4QUY-._1R8DbH-CDm8-:hover {
    border: .125rem solid var(--otkit-color-ash-dark)
}

._8j-F9BVQyn0- {
    display: flex
}

.USX2X9cRDXY- {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    padding: 8px;
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-default);
    box-sizing: border-box;
    margin: 0 4px 8px 0;
    color: var(--otkit-color-foreground-action)
}

.USX2X9cRDXY-:hover {
    border: .125rem solid var(--otkit-color-red);
    cursor: pointer
}

.pK3VJtxzzb4- {
    margin-right: 8px
}

.mdbbi0pZqy4- {
    margin: 8px 0 0;
    width: 11.25rem;
    height: 3rem
}

._3nJAULsyI2s- {
    height: 1.25rem
}

.xrzrMcqxpCk- {
    margin: 0 0 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

._0s-zWS7rUhg- {
    color: var(--otkit-color-foreground-default);
    margin: 0 0 0 4px
}

.n-WS-Qlu3Rg- {
    margin: 0 0 8px;
    color: var(--otkit-color-foreground-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.TFvLHuYkUeY-:not(:first-child) {
    margin-left: 4px
}

.TFvLHuYkUeY-:not(:first-child):before {
    content: "\2022";
    margin-right: 4px
}

.gc7W9u999r0- {
    display: flex;
    flex-direction: column;
    align-self: center;
    padding: 16px
}

.yFSlzn8VsCo- {
    color: var(--otkit-color-foreground-default);
    margin-bottom: 8px
}

._8BGDhpEB0W0- {
    position: absolute;
    left: 8px;
    bottom: 8px
}

.dlbJ-wg7qtU- {
    font-size: 12px;
    font-weight: 400
}

.f5IOZ71D8jo- {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    margin: 0 4px 8px 0;
    padding: 8px;
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-default);
    box-sizing: border-box
}

.f5IOZ71D8jo-:focus,.f5IOZ71D8jo-:hover {
    border: .125rem solid var(--otkit-color-red)
}

.O5Qyer3JcxA-,.O5Qyer3JcxA-:visited,.O5Qyer3JcxA-:active {
    text-decoration: none;
    color: var(--otkit-color-foreground-action)
}

.IIoTnAGIZ6Q-,.IIoTnAGIZ6Q-:visited,.IIoTnAGIZ6Q-:active {
    color: var(--otkit-color-white);
    background: var(--otkit-color-red);
    border: none
}

.Ec6eZsF8mnI- {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

.Ec6eZsF8mnI-.EuKQ0h9rka0- {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.Bvht6RzzuwY-.P-UC-nwCFVE- {
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    background: #2d333f7a;
    -webkit-backdrop-filter: blur(.10938rem);
    backdrop-filter: blur(.10938rem);
    transition: all .3s ease-in-out
}

.Bvht6RzzuwY-.P-UC-nwCFVE-:hover,.Bvht6RzzuwY-.P-UC-nwCFVE-:focus {
    background: #2d333fcc
}

.Bvht6RzzuwY-.P-UC-nwCFVE-:active {
    background: #2d333ff5
}

.Bvht6RzzuwY-.P-UC-nwCFVE- svg path {
    fill: var(--otkit-color-white)
}

.COIUHpNjAlg- {
    transition: none;
    width: 235px;
    box-sizing: border-box
}

.COIUHpNjAlg-:hover,.COIUHpNjAlg-:focus {
    border: .125rem solid var(--otkit-color-red)
}

.j4XTlO9E0q8- {
    display: flex;
    margin: 0 24px;
    justify-content: center;
    align-items: center
}

.Bvht6RzzuwY- {
    height: 24px;
    width: 24px
}

.wU4S1nR4ZKU- {
    display: flex;
    align-items: center
}

.cAq-lJo67iY- {
    display: block;
    margin-left: 8px;
    padding-top: 2px
}

@media (max-width: 767px) {
    .COIUHpNjAlg- {
        transform:translate(8px,-8px);
        width: 40px;
        height: 40px
    }

    .j4XTlO9E0q8- {
        margin: 0
    }

    .cAq-lJo67iY- {
        display: none
    }
}

.ccCxAYrE-Ls- {
    width: 11.25rem;
    min-width: 11.25rem;
    max-width: 11.25rem;
    height: 20rem
}

.ccCxAYrE-Ls-:not(:first-child) {
    margin-left: 4px
}

.ccCxAYrE-Ls-:not(:last-child) {
    margin-right: 4px
}

.zbI1mj9gSqE- {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    background: #000;
    overflow: hidden
}

.FOfirY-SgVA- {
    position: relative;
    height: 11.25rem;
    background: var(--otkit-color-ash)
}

.m6xKNiNqgjs- {
    height: 11.25rem
}

.j3dKpYOzfPI- {
    position: absolute;
    inset: 0;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background: linear-gradient(206.09deg,#00000080 5.58%,#0000 23.3%),linear-gradient(180deg,#0000 50%,#000)
}

.PxfeD8B5dfc- {
    position: absolute;
    top: 8px;
    right: 8px
}

.PxfeD8B5dfc- path {
    fill: var(--otkit-color-white)
}

.G34FVFm9oeo- {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 8px
}

.SCDOpV-Dz58- {
    color: var(--otkit-color-white);
    display: block;
    text-overflow: ellipsis;
    overflow: hidden
}

.zbI1mj9gSqE-:hover .SCDOpV-Dz58- {
    text-decoration: underline
}

.rNR-tuS423M- {
    color: var(--otkit-color-white);
    display: block;
    text-overflow: ellipsis;
    overflow: hidden
}

.bqeIUzFPP0g- {
    display: flex;
    flex-direction: row;
    align-items: center
}

.iHKWyoczyKY- {
    padding-right: 4px
}

._1xmnV9LHc-o- {
    margin: 0 4px
}

.JDdGQfs6ums- {
    margin-top: 16px;
    background: var(--otkit-color-background-default)
}

.GnN28uFhoUU-,.DVhnBXnJ6As-,.DVhnBXnJ6As- img {
    height: 24px;
    width: 24px;
    border-radius: 50%
}

.GnN28uFhoUU- {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--otkit-color-white)
}

.VXetUhuZ6UM- {
    background-color: var(--otkit-color-blue-light)
}

._6O-jX2FQnhY- {
    background-color: var(--otkit-color-orange-light)
}

.mvCpyS1rnyU- {
    background-color: var(--otkit-color-fuchsia-light)
}

.JPsgaL1mfRo- {
    background-color: var(--otkit-color-purple-light)
}

.bd8W0FzheOo- {
    background-color: var(--otkit-color-ash)
}

.H2xhYGTk0aw- {
    background-color: var(--otkit-color-ash-lighter)
}

@media (max-width: 767px) {
    .GnN28uFhoUU- {
        font-size:12px;
        line-height: 16px;
        font-weight: 400
    }
}

.lGEl-qY8XQY- {
    min-width: 20rem;
    margin-bottom: 4px
}

._90-XCYei1Ao-:hover {
    box-shadow: 0 2px 4px #2d333f33;
    transform: translateY(-.375rem);
    cursor: pointer
}

._90-XCYei1Ao- {
    display: grid;
    width: 98%;
    height: 100%;
    position: relative;
    overflow: hidden;
    white-space: initial;
    transition: all .3s;
    box-sizing: border-box;
    z-index: 1;
    border-radius: .5rem;
    box-shadow: 0 2px 4px #2d333f33;
    margin: 0 0 0 4px;
    grid-template-rows: [row1-start] 80% [row1-end row2-start] 20% [row2-end]
}

.B916yhlcrUU- {
    display: grid;
    grid-template-areas: "header" "main" "moreInfo";
    grid-template-rows: max-content 1fr max-content
}

.-M5lIppqLbo- {
    text-decoration: none;
    display: flex;
    align-self: flex-end;
    background: var(--otkit-color-background-alt);
    overflow: hidden
}

.wzTgokrCtoA- {
    align-self: initial
}

.bHaii5xt-bY- {
    display: flex
}

.CrFnT3Sebqs- {
    display: flex;
    align-items: center
}

.cZXaPruS-wM- {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    color: var(--otkit-color-foreground-default);
    width: 100%;
    padding: 0 16px
}

.Y0gPHYKLlRk- {
    display: flex;
    overflow: hidden;
    width: 100%;
    padding: 8px 0
}

.GCZrpRvQtNI- {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._6bHb9edtDuE- {
    padding-top: 16px;
    padding-bottom: 1.5rem;
    align-items: center
}

.q52bJ-2-U5M- {
    display: flex;
    align-items: center
}

._78PUUG9s0vQ- {
    letter-spacing: -.00938rem;
    margin: 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    grid-area: main
}

.RL1nxx9qx-Q- {
    margin: 0 16px 16px;
    display: flex;
    overflow: initial
}

._3egoOvjFVdw- {
    line-height: 1.125rem;
    font-size: 14px;
    font-weight: 450
}

._77CxaNvlp4o- {
    font-size: 16px
}

._4Jq5N7-cClk- {
    font-size: .75rem;
    display: flex;
    align-items: center
}

.kfsH4W4WUH4- {
    display: flex;
    align-items: center;
    margin-left: 0
}

.zNJh6RXoHKc- {
    border: none;
    background: none;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    align-self: end;
    color: var(--otkit-color-foreground-action);
    cursor: pointer;
    grid-area: moreInfo;
    margin: 8px 16px 16px
}

._7qvcoCrEuA0- {
    text-align: left;
    padding: 16px 0 0
}

._8FoWiVi2EIA- {
    top: auto;
    max-width: 30.5rem
}

.QmWGHKpySaA- {
    top: 0
}

.k-4oQYNIbms- {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 16px;
    align-items: center
}

.k-4oQYNIbms- path {
    fill: var(--otkit-color-foreground-action)
}

.uWoZkEelx8Q- {
    font-size: 14px;
    font-weight: 600;
    flex-shrink: 0;
    height: 48px;
    width: 48px
}

._96PVn8EXw6M- {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    grid-area: header;
    margin: 16px 16px 8px
}

.-l-SmmPotbU- {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: 0 16px 16px
}

.l2XjCgoxbwM- {
    display: flex
}

.uMzOK2vYT4k- {
    align-self: center;
    margin-left: 8px;
    overflow: hidden
}

._2i65PTGL7ck- {
    font-weight: 420;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--otkit-color-foreground-default)
}

.jp2ZJB7Rkoc- {
    color: var(--otkit-color-foreground-alt);
    margin-top: 4px;
    margin-bottom: 8px;
    display: flex
}

._3iOiQY08jvg- {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: .125rem
}

.oaDbvNZM4mQ- {
    white-space: nowrap
}

.Cj-TB3HdMnM- {
    margin: .125rem
}

._5VOJ-puIRMg- {
    margin: 0 .125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.LM-ivrEwbBs- {
    margin: 0 16px 16px
}

.CSp3ZSN9zo4- {
    display: flex;
    margin: 0 16px 16px;
    padding: 0;
    font-weight: 420;
    gap: 1.5rem
}

.CSp3ZSN9zo4- span {
    margin-left: 16px
}

.CSp3ZSN9zo4- i {
    font-style: normal;
    margin-left: 4px
}

.CSp3ZSN9zo4- li:first-child {
    list-style: none
}

.CSp3ZSN9zo4- span:first-child {
    margin-left: 0
}

.MmRZ83-CpFE- {
    font-weight: 420;
    margin: 0 16px 16px
}

.bvhvwD8cdiI- {
    display: flex;
    text-transform: uppercase;
    background-color: var(--otkit-color-background-accent-yellow);
    padding: .125rem 4px;
    font-size: 12px;
    line-height: 12px;
    border-radius: 4px;
    font-weight: 600;
    color: var(--otkit-color-foreground-default);
    margin-left: 8px;
    align-items: center
}

.OsCAI7MHwOM- {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .5rem;
    margin-right: 16px
}

.ftMBWRqjnB8- {
    display: flex;
    gap: 8px;
    margin: 0 16px 16px;
    height: 6.8125rem
}

.YZS8IaU4mCY- {
    display: flex;
    position: relative
}

.s1T1Fg0JwTM- {
    width: 6.8125rem;
    height: 6.8125rem;
    border-radius: 4px
}

.J8ari-Hm6Bs- {
    background: var(--otkit-color-ash-darker);
    overflow: hidden;
    border-radius: 4px
}

.zCVeeqaZa6k- {
    opacity: .5
}

.VbCPZXFoApk- {
    display: flex;
    inset: 0;
    color: var(--otkit-color-white);
    position: absolute;
    justify-content: center;
    align-items: center
}

@media (min-width: 768px) {
    ._8FoWiVi2EIA- {
        top:50%
    }

    .lGEl-qY8XQY- {
        min-width: 25rem
    }

    ._3egoOvjFVdw- {
        font-size: 16px
    }

    ._4Jq5N7-cClk- {
        font-size: 14px
    }

    ._96PVn8EXw6M- {
        margin-bottom: 16px
    }

    .zNJh6RXoHKc- {
        margin-top: 16px
    }

    .Y0gPHYKLlRk- {
        padding: 16px 0
    }

    .CSp3ZSN9zo4- {
        gap: 32px
    }

    .CSp3ZSN9zo4- i {
        margin-left: 4px
    }
}

@media only screen and (min-width: 20rem) and (max-width: 22.75rem) {
    .lGEl-qY8XQY- {
        min-width:17.5rem
    }

    .CSp3ZSN9zo4- {
        gap: 1.25rem;
        line-height: 20px;
        font-size: 14px
    }

    .CSp3ZSN9zo4- i {
        margin-left: .125rem
    }
}

.cWOMKzjtarM- {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--otkit-color-border-default);
    border-radius: 4px;
    width: 236px;
    height: 428px;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    box-sizing: border-box;
    z-index: 1
}

.eN1RqZlukLI- {
    display: flex;
    flex-direction: column;
    padding: 16px 8px;
    gap: 8px;
    background-color: var(--otkit-color-background-default)
}

.L6bI4Bq35t8- {
    width: 100%;
    height: 236px
}

.Xn2xLaKd4rk- {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

._1iB0MDnnHIY- {
    color: var(--otkit-color-foreground-default);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.KyAOyb1YNy4- {
    width: 100%;
    height: 100px;
    color: var(--otkit-color-foreground-default);
    overflow: hidden;
    white-space: pre-wrap;
    overflow-wrap: break-word
}

.cDjG1X2QQg8- {
    color: var(--otkit-color-ash-light)
}

.McGAMyvcg-0- {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--otkit-color-border-default);
    border-radius: 4px;
    width: 236px;
    height: 412px;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    box-sizing: border-box;
    z-index: 1
}

.ykVGeNzE0lM- {
    display: flex;
    flex-direction: column;
    padding: 8px;
    background-color: var(--otkit-color-background-default)
}

.bJTu7f9Rk-c- {
    width: 100%;
    height: 236px;
    background-color: var(--otkit-color-background-alt)
}

.CC1O-C5o0UU- {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    gap: 8px;
    padding: 8px
}

.H3MSOdvX7Co- {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: var(--otkit-color-background-alt)
}

.MI6zH8PGsV0- {
    width: 100%;
    height: 100px;
    margin: 0 0 4px
}

.poIv2ilE8A4- {
    height: 1rem;
    margin: 4px 0;
    background-color: var(--otkit-color-background-alt)
}

.poIv2ilE8A4-._01oo3xUvVJk- {
    width: 60%
}

.poIv2ilE8A4-.lRI4G-fHV9M- {
    width: 85%
}

.poIv2ilE8A4-._1svtgQjtlBQ- {
    width: 25%
}

.rvccAp24ZX8- {
    position: relative;
    width: 104px;
    height: 104px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer
}

.JW1qHUZApSo- {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.-JTJtxIEau4- {
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 50%;
    height: 42px;
    width: 42px;
    background-color: var(--otkit-color-background-default);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 .125rem .5rem #9996
}

.-JTJtxIEau4-:hover {
    border: .125rem solid var(--otkit-color-red);
    cursor: pointer
}

.-JTJtxIEau4- svg {
    width: 1.5rem;
    height: 1.5rem
}

.Y7brTfD27Lg- {
    pointer-events: none;
    cursor: none
}

.xkGVTnLyzvA- {
    position: absolute;
    z-index: 3;
    top: calc(50% - 13px);
    margin-top: 0
}

.c9nTR7NNz3M- {
    left: -21px
}

.e3iiAVUYYi4- {
    right: -21px
}

._8WgcfnowdOk- {
    top: 119.75px!important
}

.-JTJtxIEau4-.biVmeVihNRs-:hover {
    border: .125rem solid var(--otkit-color-ash-dark)
}

@media (max-width: 767px) {
    .c9nTR7NNz3M- {
        padding-left:16px
    }

    .e3iiAVUYYi4- {
        padding-right: 16px
    }
}

@media (max-width: 767px) {
    .xkGVTnLyzvA- {
        display:none
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .D8O9TgL8ISc- {
        top:0!important;
        margin-top: calc(((100% - (16px * 11)) * 4 / 12 + (3 * 16px)) * .5625 - 42px / 2 + 8px)!important
    }
}

@media (min-width: 1024px) {
    .D8O9TgL8ISc- {
        top:0!important;
        margin-top: calc(((100% - 176px)/4 + 32px)*.5625 - 13px)!important
    }
}

.BFR0-sSJ-r8- {
    white-space: nowrap;
    overflow-x: auto;
    padding-top: 8px;
    margin-top: calc(0rem - 8px);
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none
}

.BFR0-sSJ-r8-::-webkit-scrollbar {
    height: 0;
    background: transparent
}

.xDm3gflzCsA- {
    position: relative;
    z-index: 0
}

.FG5feEjxad8- {
    display: flex;
    transition: transform .8s cubic-bezier(.77,0,.175,1);
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-block:0}

@media (max-width: 767px) {
    .X9JBIUZ8ey0- {
        padding-left:16px
    }

    .X9JBIUZ8ey0-:after {
        content: "";
        flex: 0 0 2rem
    }
}

.Jq5oy99MUvc- {
    padding: 0 0 16px;
    border-bottom: .0625rem solid var(--otkit-color-border-divider);
    margin-top: 16px;
    margin-bottom: 16px
}

.S0xEP6BMPxE- {
    margin: 0 16px
}

.Miu2rjuzz58- {
    display: inline-block;
    margin: 0 16px 16px
}

._8gyBYqXBurg- {
    margin-top: 4px;
    display: flex
}

.NX4DZd5LYoA- {
    width: 1.25rem;
    height: 1.25rem
}

.A0ZrRLukmR8- path {
    fill: var(--otkit-color-foreground-action)
}

.gr6nnXdRSXE- {
    display: flex;
    color: var(--otkit-color-foreground-default);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.NeZOcLtuYGk- {
    font-weight: 700
}

.BMvDX1Lnv1c- {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ilFb7hL34LU- {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 8px
}

.HTSvDRSI3h8- {
    margin: 8px 0;
    font-size: 14px;
    font-weight: 500
}

._7kLP5SgX2PE- {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

._7kLP5SgX2PE- [role=button] {
    margin-bottom: 4px
}

.oBy9og-6ZhI- {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    color: var(--otkit-color-foreground-action);
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-default);
    vertical-align: middle;
    padding: 4px 8px
}

.oBy9og-6ZhI-:hover {
    border: .125rem solid var(--otkit-color-red);
    padding: calc(4px - .0625rem) calc(8px - .0625rem)
}

.A2fWvM1wRZc- {
    color: var(--otkit-color-foreground-default)
}

.qsEVV6EgO3Y- {
    position: relative;
    top: -.125rem;
    vertical-align: middle;
    height: 1.25rem
}

.l9bbXUdC9v0- {
    margin: 0;
    display: -webkit-box;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical
}

.l-AMWW5ZrIg- {
    color: var(--otkit-color-foreground-default)
}

.a0G5KZu3lrQ- {
    color: var(--otkit-color-foreground-alt)
}

.Mhl4-ybJKO8- {
    background-color: var(--otkit-color-background-default);
    display: inline
}

.FbhVGC16mJc-:focus {
    outline: .125rem solid var(--otkit-color-blue)
}

@media (max-width: 1055px) {
    ._5l7pEFz4TOA- {
        font-size:14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    .ZatlKKd1hyc- {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }
}

.a0CP5hSBlII- {
    display: none;
    margin: 8px 0
}

.CGT7zdU5keo- {
    display: initial
}

@media (min-width: 768px) {
    .a0CP5hSBlII- {
        display:flex;
        flex-direction: column
    }
}

.Y0i-tdDHWSI- {
    width: 100%;
    border-radius: 4px
}

.offS79hAW5U- {
    display: flex;
    margin: 8px 0 4px
}

.VJm-L7SJaYM- {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.m9-tF3iDUH0- {
    width: 1.25rem;
    height: 1.25rem
}

.LWBbmYKwIdE- {
    padding: 8px 16px;
    background-color: var(--otkit-color-background-warning-highlight);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px
}

.DOT97D84Dow-:before {
    content: "+ "
}

._69dyDGmoLEw- {
    padding: 0;
    margin: 0
}

._3kfpdUQdi8o- {
    margin: 4px 0;
    list-style: none
}

._1yq96jyG8l8- {
    color: var(--otkit-color-foreground-action);
    text-decoration: none
}

._1yq96jyG8l8-:after {
    content: " >"
}

.zzPqmxasbJ8- {
    margin-top: 8px;
    margin-bottom: 1.5rem;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.TCbRrrBHxTU- {
    margin-bottom: 0
}

.s2CFTwN141Y- {
    margin-top: 0
}

.uFq1Vu4QCII- {
    margin-top: 4px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 390
}

.oVY6WlvYYhA- {
    margin-top: 0;
    font-weight: 500
}

@media (min-width: 768px) {
    .zzPqmxasbJ8- {
        font-size:24px;
        line-height: 28px
    }

    .uFq1Vu4QCII- {
        margin-top: 8px;
        margin-bottom: 1.5rem;
        font-size: 16px;
        line-height: 24px
    }
}

.FtPWVD1Oji4- {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding-bottom: 16px
}

.FmpDiWH6X6s- {
    margin: 0;
    font-size: 14px;
    color: var(--otkit-color-foreground-alt);
    text-align: right
}

.LZt0-R-vpRc- {
    font-size: 0;
    margin: 0 4px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer
}

.X8UPzZR4a4Y- {
    display: block;
    top: 0;
    right: 0;
    left: auto;
    width: 14.6875rem;
    margin-top: 1.875rem;
    background: var(--otkit-color-ash-dark);
    font-size: 14px
}

.X8UPzZR4a4Y-:before {
    right: 16px;
    border-bottom: 8px solid var(--otkit-color-ash-dark)
}

@media (min-width: 768px) {
    .eLbl4YncQmY-:before {
        content:"";
        width: 100%;
        display: block;
        border-top: .0625rem solid var(--otkit-color-ash-lightest);
        margin-right: 8px
    }

    .FmpDiWH6X6s- {
        white-space: nowrap
    }

    .X8UPzZR4a4Y- {
        width: 17.1875rem
    }
}

.g-dxt-fQ2ZU- {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    box-sizing: border-box;
    border: .0625rem solid var(--otkit-color-border-default);
    margin: 0;
    color: var(--otkit-color-foreground-default)
}

.g-dxt-fQ2ZU-:hover {
    border: .125rem solid var(--otkit-color-red)
}

.qfZDsxm8aWs- {
    border: .125rem solid var(--otkit-color-border-action)
}

.YxCxtTYKPA8- {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 2.1875rem;
    color: var(--otkit-color-foreground-default);
    cursor: default
}

.g-dxt-fQ2ZU-.SRo0To27S94-:hover,.qfZDsxm8aWs-.SRo0To27S94- {
    border: .125rem solid var(--otkit-color-ash-dark)
}

.tj3k2TM4od4- {
    display: flex;
    padding: 16px 0;
    align-self: center
}

.W4TpHMe8p3w- {
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
    flex: 1;
    justify-content: center
}

.gRlAhBweGeE- {
    margin: 0 4px;
    padding: 0
}

.x7w3wiQqgDg- {
    visibility: hidden
}

.c7WhV7jX-Yc- {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.MwSfGocOouI- svg path {
    fill: var(--otkit-color-ash-darker)
}

@media (min-width: 768px) {
    .tj3k2TM4od4- {
        align-self:auto
    }

    .TkpxbcBbu80- {
        margin: 0
    }

    .gRlAhBweGeE- {
        margin: 0 8px
    }

    ._9qvff4N8MdI- {
        margin: 0 4px
    }
}

.rtAQBiQbpnA- {
    margin: 0 16px 16px;
    padding-top: 0
}

.xjGt0gWgMaw- {
    margin: 0 16px 8px
}

.pYNNCElnG-w- {
    padding-top: 8px;
    margin: 0
}

.wlOvQZPsCwY- {
    margin: 0
}

.WMVzeTYk9T8- {
    display: inline-block;
    position: relative;
    min-width: 11.25rem
}

.KLn6xNhkqUc- {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 4px 8px 4px 16px;
    border: .125rem solid var(--otkit-color-border-default);
    border-radius: .0625rem;
    z-index: 2;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    background-color: var(--otkit-color-background-default);
    color: var(--otkit-color-foreground-default);
    cursor: pointer
}

.KLn6xNhkqUc-:hover {
    border: .125rem solid var(--otkit-color-red)
}

.KLn6xNhkqUc-:focus {
    outline: .125rem solid var(--otkit-color-blue);
    border: .125rem solid var(--otkit-color-border-default)
}

._64uPJbQtciw- {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: .125rem solid var(--otkit-color-border-default);
    border-top: none;
    border-radius: .0625rem;
    z-index: 1;
    background-color: var(--otkit-color-background-default)
}

.oNBZvNSGho4- {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    cursor: pointer;
    color: var(--otkit-color-foreground-default)
}

._9A3aDMGurZk- {
    background-color: var(--otkit-color-background-alt)
}

.-O1krwaJsCk- {
    background-color: var(--otkit-color-red);
    color: var(--otkit-color-white)
}

@media (min-width: 23.4375rem) {
    .-xr3eVGIAD0- {
        display:flex;
        justify-content: space-between;
        align-items: center
    }

    .pYNNCElnG-w- {
        padding-right: 16px;
        padding-top: 0
    }

    .bj-eThtUky4-:before {
        content: "";
        width: 100%;
        display: block;
        border-top: .0625rem solid var(--otkit-color-ash-lightest);
        margin-right: 8px
    }

    .Do0eHlmfTSw- {
        white-space: nowrap
    }
}

@media (min-width: 768px) {
    .rtAQBiQbpnA- {
        padding:0;
        margin: 0;
        margin-bottom: 1.5rem
    }

    .WMVzeTYk9T8- {
        min-width: 14.375rem
    }

    .ukaIMPErIBI- {
        width: 17.1875rem
    }
}

.LG912eIQ-uQ- {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 16px
}

@media (min-width: 768px) {
    .LG912eIQ-uQ- {
        width:75%;
        max-width: 50rem;
        margin-top: 0
    }
}

.BTcdGnacBXg- {
    padding: 16px 0
}

.RQoZtKNRK6Q- {
    color: var(--otkit-color-ash-lighter);
    font-size: 14px;
    line-height: 24px
}

.B-j6CK6ezoY- {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 16px
}

.fDH2i-nKowg- {
    margin: 0 32px .75rem 0
}

.V1z8FfxLbYM-,.kDRB8ZfdSdA- {
    height: .875rem
}

._2zOnHxAjBYk- {
    height: 1.0625rem
}

.ONq2lXtQTGM- {
    height: 1.5rem
}

.Ep3Vo5mtL5o- {
    height: 1.375rem
}

.AHeVMARAjsw- {
    width: 5.125rem;
    height: .875rem
}

.iPIID7X2yo8- {
    width: 4.875rem;
    height: .875rem
}

._18oddugAzdI- {
    width: 5.5rem;
    height: 1.0625rem
}

.AUgICoN43c4- {
    width: 4.0625rem;
    height: 1.5rem
}

.zoUKopj7R5s- {
    width: 6.125rem;
    height: 1.375rem
}

.ay2truErDuA- {
    text-decoration: none;
    color: var(--otkit-color-ash-lighter);
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    padding: 0
}

.Pmn3bv8KHgw- {
    padding: 0;
    margin: 0;
    list-style: none
}

.jet1VgxdvPc- {
    display: block;
    margin-bottom: 8px
}

.cAidYVm0nDA- {
    text-decoration: none;
    color: var(--otkit-color-ash-lighter);
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    cursor: pointer
}

.cAidYVm0nDA-:hover,.mB2R18qHfHI- {
    color: var(--otkit-color-white)
}

.fFUnQdihiro- {
    margin-top: 32px
}

.oTAdqnjc3uQ- {
    padding: 0!important;
    border: none!important;
    font-size: 14px!important;
    color: var(--otkit-color-white)!important
}

.oTAdqnjc3uQ-:hover {
    background-color: inherit!important
}

@media (min-width: 768px) {
    .fFUnQdihiro- {
        margin-bottom:0
    }

    .jet1VgxdvPc- {
        display: inline;
        margin-right: 16px;
        float: left
    }
}

.RjGtnqKK63c- {
    display: flex;
    flex-direction: column;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

.RjGtnqKK63c-:last-child {
    border-bottom: none
}

.-r-aGIqyXPI- {
    margin-top: 32px;
    padding-bottom: 32px
}

.ZOJcbbm0msA- {
    margin-top: 0;
    padding-bottom: 0
}

.cO0uBZWRVZk- {
    position: relative;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    text-align: left
}

.cO0uBZWRVZk-:focus .LcVggoazFpE- {
    outline: .125rem solid #4d90fe
}

.D1DFHmi9wDU- {
    margin: 0;
    padding-right: 48px;
    color: var(--otkit-color-ash-darker)
}

.B-7uZy8l7-Q- {
    color: var(--otkit-color-white)
}

.xK7sOxJNPak- {
    text-transform: uppercase
}

.JHniuQhvxoM- {
    text-transform: lowercase
}

.YZpYlDEX0aI- {
    text-transform: capitalize
}

.LcVggoazFpE- {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2.125rem;
    width: 2.125rem
}

.XMxZyt0H1ww- path {
    fill: var(--otkit-color-white)
}

.LcVggoazFpE- svg {
    transition: transform .4s ease
}

._5tL8ib5Qb2s- svg {
    transform: rotate(180deg);
    transform-origin: center
}

.saYzDT02E6A- {
    overflow: hidden;
    transition: max-height .15s ease-in-out
}

._0EgX2-OIShI- {
    margin: 16px 64px 0 0;
    text-align: left;
    color: var(--otkit-color-ash-darker)
}

@media (min-width: 768px) {
    .D1DFHmi9wDU- {
        font-size:18px;
        line-height: 24px
    }

    ._0EgX2-OIShI- {
        margin: 16px 0 0;
        font-size: 16px;
        line-height: 24px
    }
}

.pJdE-32aIRU- {
    border-bottom: .0625rem solid rgba(255,255,255,.2);
    padding-bottom: 16px
}

.DKEfed61bjU- {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
}

.tlgLlN1ZMtg- {
    list-style: none;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px
}

.P-dK-wVDUg0- {
    padding: 0;
    margin: 0;
    list-style: none
}

._4hTMuw-iKSs- {
    text-transform: uppercase;
    color: var(--otkit-color-white);
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 8px
}

._2AOVpMG1zwU- {
    padding-top: 16px
}

._0nOGBYzoySc- {
    text-decoration: none;
    color: var(--otkit-color-ash-lighter);
    font-size: 14px;
    line-height: 24px;
    padding: 0
}

._0nOGBYzoySc- {
    cursor: pointer
}

._0nOGBYzoySc-:hover {
    color: var(--otkit-color-white)
}

.vW-i2IYCNVE- {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--otkit-color-foreground-on-action);
    background: var(--otkit-color-ash);
    padding: 8px 0 8px 16px;
    text-align: left;
    width: 100%;
    margin-bottom: 32px;
    text-decoration: none;
    font-size: .8125rem;
    cursor: pointer;
    border-radius: 4px;
    line-height: 24px;
    box-sizing: border-box;
    font-weight: 500
}

.vW-i2IYCNVE-:hover {
    background-color: var(--otkit-color-ash-light)
}

.JYWjUwOCJ7M- {
    display: flex;
    flex-direction: column
}

.ErsiY9cLd-U- {
    margin-left: 4px
}

.ErsiY9cLd-U- path {
    fill: var(--otkit-color-white)
}

.jM4h1wYjROY- {
    display: block
}

._53aTVnKWS8g- {
    color: var(--otkit-color-white)
}

.yocHqThyDX0- {
    border: none;
    background: none;
    padding: 0;
    margin: 0 8px 8px 0;
    cursor: pointer;
    font-size: 0
}

.d3QSFW25544- {
    opacity: .7
}

.d3QSFW25544-:hover {
    opacity: 1
}

.v-JsKdL1Riw- {
    width: 1.5rem;
    height: 1.5rem
}

.S72Ds3L-9ME- {
    padding: 0!important;
    border: none!important;
    font-size: 14px!important;
    color: var(--otkit-color-white)!important
}

.S72Ds3L-9ME-:hover {
    background-color: inherit!important
}

@media (min-width: 768px) {
    .DKEfed61bjU- {
        flex-direction:row
    }

    .tlgLlN1ZMtg- {
        width: 20%;
        padding-bottom: 16px
    }

    .FsuhjsPMoe0- {
        margin-bottom: 0
    }

    .jM4h1wYjROY- {
        display: inline;
        margin-right: 16px;
        float: left
    }
}

.QA7iQt0-wFs-,.JgTb-WPD3w8- {
    width: 100%;
    max-width: 64rem;
    padding: 16px;
    box-sizing: border-box
}

@media (min-width: 100rem) {
    .QA7iQt0-wFs- {
        max-width:80rem
    }
}

@media (min-width: 768px) {
    .JgTb-WPD3w8- {
        max-width:80rem
    }

    .QA7iQt0-wFs- {
        display: none
    }
}

._5C9ICLdXjeY- {
    background-color: var(--otkit-color-ash-dark);
    border-top: .0625rem solid rgba(0,0,0,.12);
    display: flex;
    justify-content: center
}

.Qsp2ers2TXA- {
    width: 100%;
    max-width: 64rem;
    padding: 32px 32px 16px;
    box-sizing: border-box
}

@media (min-width: 100rem) {
    .Qsp2ers2TXA- {
        max-width:80rem
    }
}

@media (max-width: 767px) {
    .Qsp2ers2TXA- {
        padding:16px
    }
}

.xmBdL02W9NA- {
    padding: 0;
    max-height: 90vh
}

.b7x5AbRjej0- {
    height: 100%;
    overflow-y: auto
}

.zZzOSDs4oqQ- {
    display: block;
    width: 100%;
    opacity: 0
}

.uLCqYjLhU98- {
    margin: 32px 16px 16px
}

@media (min-width: 768px) {
    .qXSFUQ6JqfA- {
        width:28.75rem;
        max-height: none;
        background-color: transparent
    }
}

.WqMI-RYz0Ok- {
    position: relative;
    list-style: none;
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 1.3125rem;
    max-width: 33%
}

.WqMI-RYz0Ok- .cj8w60qqkH0- {
    text-decoration: none;
    color: var(--otkit-color-foreground-info);
    font-size: 12px
}

.WqMI-RYz0Ok- .IBmjRAQbbdo- {
    color: var(--otkit-color-foreground-default);
    font-size: 12px
}

.WqMI-RYz0Ok- .cj8w60qqkH0-,.WqMI-RYz0Ok- .IBmjRAQbbdo- {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.WqMI-RYz0Ok-:before,.WqMI-RYz0Ok-:after {
    content: "";
    position: absolute;
    left: 100%;
    margin-left: .25rem
}

.WqMI-RYz0Ok-:before {
    top: -.0625rem;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-left: .6rem solid rgba(0,0,0,.2)
}

.WqMI-RYz0Ok-:after {
    top: 0;
    border-top: .96rem solid transparent;
    border-bottom: .96rem solid transparent;
    border-left: .56rem solid var(--otkit-color-white)
}

.WqMI-RYz0Ok-:last-child {
    margin-right: 0
}

.WqMI-RYz0Ok-:last-child:before,.WqMI-RYz0Ok-:last-child:after {
    display: none
}

@media (min-width: 768px) {
    .WqMI-RYz0Ok- {
        max-width:100%
    }
}

.o9CCx6HiqSw- {
    display: flex;
    box-sizing: border-box;
    background-color: var(--otkit-color-background-default);
    height: 2rem;
    border-top: .0625rem solid rgba(0,0,0,.08);
    padding: 0 16px;
    margin: 0;
    overflow-x: auto
}

@media (min-width: 1056px) {
    .o9CCx6HiqSw- {
        padding:0 32px
    }
}

.ODzTB-U1shI- {
    height: 100%;
    margin: 0 8px;
    padding: 0;
    color: var(--otkit-color-foreground-default);
    font-size: .8125rem;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    transition: color .3s ease-in-out
}

.ODzTB-U1shI-:hover {
    color: var(--otkit-color-ash-darker)
}

.ODzTB-U1shI-:focus {
    outline: .3125rem solid #4D90FE;
    outline: .3125rem auto #4D90FE
}

.Y3SZfnZDphg-,.Y3SZfnZDphg-:hover {
    color: var(--otkit-color-white)
}

._9gJL6WpW7KM- {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.u5r7k2nRKFk- {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    right: 0;
    width: 9.375rem;
    z-index: 100;
    background-color: var(--otkit-color-background-default);
    box-shadow: 0 0 0 .0625rem #0000001a;
    border-radius: .1875rem;
    max-height: 70rem;
    margin-top: spacing-small;
    transition: transform .15s ease-out,opacity .15s ease-out,position .15s ease-out,max-height 0s
}

.u5r7k2nRKFk-:before {
    content: "";
    display: block;
    overflow: hidden;
    border-color: var(--otkit-color-white) transparent transparent var(--otkit-color-white);
    border-style: solid;
    border-width: .375rem;
    width: 0;
    height: 0;
    background: transparent;
    box-shadow: -.0625rem -.0625rem #00000026;
    transform: rotate(45deg);
    right: calc(16px - .125rem);
    position: absolute;
    top: -.375rem;
    opacity: 1
}

.Cft5jaqh-lc- {
    position: relative;
    box-sizing: border-box;
    background: var(--otkit-color-background-default);
    border: 0;
    padding: .8125rem 16px;
    color: var(--otkit-color-foreground-default);
    cursor: pointer;
    font-size: .8125rem;
    text-align: left
}

.Cft5jaqh-lc-:hover {
    color: var(--otkit-color-ash-dark);
    background-color: #00000008
}

.AddKxcZrJlc- {
    font-size: 1rem
}

.zmDHs2ZrjLE- {
    position: relative;
    padding-right: 16px
}

.wmpP49C5eyc- {
    display: none
}

._9rjJLudWUpk- {
    position: absolute;
    top: .125rem;
    right: -.375rem;
    display: block
}

.wmpP49C5eyc- path {
    transition: fill .3s ease-in-out;
    fill: #999
}

.wmpP49C5eyc-.J7Cr0W3EFcU- path {
    fill: var(--otkit-color-white)
}

@media (min-width: 768px) {
    ._9gJL6WpW7KM- {
        position:relative
    }
}

@media (max-width: 767px) {
    .u5r7k2nRKFk-:before {
        right:7.8125rem
    }
}

.KyJeAtsjH2U- {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 80px 0
}

.UMBtFmzsZZA- {
    width: 6rem;
    height: 6rem
}

.snN7901oh9w- {
    margin: 0;
    max-width: 20rem
}

.F2OjVC2NXPo- {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 80px 0
}

.Mbb9VSrBGp4- {
    width: 6rem;
    height: 6rem
}

.ssGKNAx40GM- {
    margin: 0;
    max-width: 20rem
}

@media (min-width: 768px) {
    .F2OjVC2NXPo- {
        margin:96px 0
    }

    .Mbb9VSrBGp4- {
        width: 10rem;
        height: 10rem
    }

    .N3YvG61HO-I- {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2rem
    }

    .ssGKNAx40GM- {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem
    }
}

.B82ca9DC4G8- {
    display: flex;
    flex-direction: row;
    color: var(--otkit-color-foreground-default);
    text-decoration: none
}

.rsne8hhMdaY- {
    position: relative;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    background: var(--otkit-color-background-alt);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 16px
}

._5p1FCjsQ9is- {
    color: var(--otkit-color-foreground-alt);
    display: block
}

.DTEUk-yhry4- {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

.DTEUk-yhry4-.cUBpcUfzAno- {
    opacity: 0;
    transition: opacity .3s linear
}

.DTEUk-yhry4-.s2w95G8kqUY- {
    display: none
}

.DTEUk-yhry4-:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.p219LQYOXTM- {
    position: absolute;
    top: -2px;
    right: -2px;
    border: .125rem solid #ffffff;
    background-color: var(--otkit-color-red);
    padding: 4px;
    border-radius: 50%
}

.Z0i1xotiG5M- {
    position: absolute;
    top: calc(16px - .125rem);
    left: calc(16px - .125rem);
    border-radius: 50%
}

.Z0i1xotiG5M- svg path {
    fill: var(--otkit-color-green-light)
}

.rakhANBulfc- {
    margin-left: 1rem;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.rakhANBulfc-:focus {
    outline: .3125rem solid #4D90FE;
    outline: .3125rem auto #4D90FE
}

.VPjzEoT5dtM- svg path {
    fill: var(--otkit-color-ash-lighter)
}

.VPjzEoT5dtM-:hover svg path {
    fill: var(--otkit-color-ash-light)
}

.di7-29VbYvw- {
    margin: 0;
    padding: 0;
    word-break: break-word
}

.OVqq25ctv-8- {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-top: 32px;
    align-items: center
}

.pbgrTHQ73ys- {
    padding: 16px 48px 48px
}

.tDxLPexLop8- {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 0
}

.BqjCRerfHCM- {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 80px 0
}

._-8CI4vI365I- {
    width: 6rem;
    height: 6rem
}

.OSN7fujQ3Ag- {
    margin: 0;
    max-width: 20rem
}

.glnHW6as0tI- {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 80px 0
}

._638nmjN0waY- {
    width: 6rem;
    height: 6rem
}

._1vX7eYFy-Ss- {
    margin: 0;
    max-width: 20rem
}

@media (min-width: 768px) {
    .glnHW6as0tI- {
        margin:96px 0
    }

    ._638nmjN0waY- {
        width: 10rem;
        height: 10rem
    }

    .ga0y9JZvB-s- {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2rem
    }

    ._1vX7eYFy-Ss- {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem
    }
}

._5uJUknk97Gk- {
    background: var(--otkit-color-background-danger-highlight);
    border: .0625rem solid var(--otkit-color-border-danger)
}

.sFV6O-8jrqI- svg path {
    fill: var(--otkit-color-foreground-danger)
}

.snFnKUqcmuk- {
    background: var(--otkit-color-background-info-highlight);
    border: .0625rem solid var(--otkit-color-teal)
}

.pX78UfM27jo- svg path {
    fill: var(--otkit-color-teal)
}

.zd62rVyw66Y- {
    background: var(--otkit-color-background-success-highlight);
    border: .0625rem solid var(--otkit-color-green)
}

.nT-EgYTcjsE- svg path {
    fill: var(--otkit-color-foreground-success)
}

.WPkJPX7l4VY- {
    background: var(--otkit-color-background-warning-highlight);
    border: .0625rem solid var(--otkit-color-yellow)
}

.A2KbDoRFocc- svg path {
    fill: var(--otkit-color-yellow)
}

.Lr7oKBOUoiQ- {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 .125rem .25rem #2d333f33;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 16px;
    padding: .875rem 8px;
    box-sizing: border-box
}

.NkvGbuoM4Jw- {
    position: absolute;
    top: -10%;
    z-index: 1
}

.lo8t-45t6qE- {
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    border: none;
    z-index: 1
}

.fkhuE6ajkC4- {
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 8px
}

.W4i8qflT14Y- {
    width: 24px;
    height: 24px
}

.ckzFwsaYn48- {
    background-color: var(--otkit-color-background-default);
    margin: 32px 0 0
}

.I-iAcTAslNA- {
    margin: 16px 0 0
}

.kQR-w7Jdcpw- {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px
}

.XkPdcVbne3I- path {
    fill: var(--otkit-color-foreground-action)
}

.ubN887FjpvM- {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

._3cRt9SdiUyY- {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0
}

.T1m2Kh8lVW8- {
    color: var(--otkit-color-foreground-default);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.T1m2Kh8lVW8-:hover {
    text-decoration: underline
}

._8qWSXiLyuQE- {
    text-decoration: none;
    color: var(--otkit-color-foreground-action);
    display: inline-flex;
    align-items: center;
    margin: 8px 0
}

.Oxr3d5AA9Xo- {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--otkit-color-background-alt)
}

.yshMe3LJVmQ- {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--otkit-color-foreground-alt)
}

.aEqXs-2WYmk- {
    margin: 16px 0 8px
}

.Htwaiv41h7Q- {
    padding: 8px;
    position: relative
}

.QuOJEE9nquU- {
    line-height: 28px;
    color: var(--otkit-color-foreground-default);
    margin: 0 0 16px
}

.QuOJEE9nquU- a {
    color: var(--otkit-color-foreground-default);
    text-decoration: none
}

.QuOJEE9nquU- a:hover {
    text-decoration: underline
}

._1GFuK51WxFw- {
    color: var(--otkit-color-foreground-default);
    margin: 0
}

._9ReI0-C3T-E- {
    color: var(--otkit-color-foreground-alt);
    display: block;
    margin: 8px 0 0
}

.zMXyI0bH2WQ- {
    margin: 16px 0 0
}

._2gG8HHmnZfQ- {
    color: var(--otkit-color-foreground-alt)
}

.AqeNvcPV8KE- {
    width: auto;
    top: -3.75rem
}

@media (max-width: 767px) {
    .QuOJEE9nquU- {
        font-size:18px;
        line-height: 24px
    }
}

.LQjSUoSwoys- {
    position: relative
}

.KaMVw-6Ul0Q- {
    width: 100%;
    border-radius: 4px
}

.dWxENoIHPIA- {
    text-decoration: none;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 16px;
    background-color: var(--otkit-color-red);
    color: var(--otkit-color-white);
    border-radius: 0 0 4px 4px;
    transition: all .3s ease-out;
    overflow: hidden
}

.nNQbntmEJ9k- {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dWxENoIHPIA-:focus:not(:disabled),.dWxENoIHPIA-:hover:not(:disabled) {
    background-color: var(--otkit-color-red-light)
}

.dWxENoIHPIA-:active:hover:not(:disabled) {
    background-color: var(--otkit-color-background-action-pressed)
}

.n-4og9ZQXdQ- path {
    fill: var(--otkit-color-white)
}

.e0T0jEyAHfU- {
    display: flex;
    gap: 16px;
    border-radius: 4px;
    box-shadow: 0 2px 4px #2d333f33;
    padding: 16px;
    color: var(--otkit-color-foreground-default);
    min-width: 0;
    box-sizing: border-box;
    text-decoration: none
}

.e0T0jEyAHfU-:hover {
    border: 1px solid var(--otkit-color-red);
    padding: 15px
}

.e0T0jEyAHfU-:active {
    border: 2px solid var(--otkit-color-border-action);
    padding: 14px
}

.WJ0ycCld-dc- {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pyz8AR9NN6g- {
    height: 64px;
    width: 64px;
    border-radius: 4px
}

.bVAOFVkOjsQ- {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden
}

.cmqJ1B6UYKA- {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    min-width: 0;
    overflow: hidden
}

.m8m-cNGRyhs- {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.iG-lXsOoh5g- {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.X2481pYWnhc- {
    padding: 0 16px;
    list-style: none;
    margin: 0
}

.qp7o-nDnIm0- {
    padding: 0
}

.Y9tFzwfKkWw- {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 0
}

._9RQuup55dc4- {
    position: absolute;
    top: 4px;
    margin-left: 96px;
    background-color: var(--otkit-color-red);
    padding: 4px;
    border-radius: 50%
}

._2tjzQmTZnVU- {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    padding: .75rem 4rem;
    cursor: pointer;
    background-color: var(--otkit-color-background-action);
    color: var(--otkit-color-foreground-on-action);
    transition: background-color .3s ease-out;
    text-align: center;
    border-color: var(--otkit-color-red-dark);
    border-radius: .25rem
}

._2tjzQmTZnVU-:hover:not(:disabled),._2tjzQmTZnVU-:focus:not(:disabled) {
    background-color: var(--otkit-color-red-dark)
}

._2tjzQmTZnVU-.q4dAUKjppjw- {
    background-color: var(--otkit-color-ash-dark);
    border-color: var(--otkit-color-ash-dark)
}

._2tjzQmTZnVU-.q4dAUKjppjw-:hover:not(:disabled),._2tjzQmTZnVU-.q4dAUKjppjw-:focus:not(:disabled) {
    background-color: var(--otkit-color-ash)
}

._2tjzQmTZnVU-.q4dAUKjppjw-:active:not(:disabled) {
    background-color: var(--otkit-color-ash-darker)
}

._2tjzQmTZnVU-:disabled {
    opacity: .3;
    cursor: default
}

._9D-dftwDECE- {
    white-space: nowrap
}

.WrKClz8-51Y- {
    width: 100%
}

._1kELupFqkyQ- {
    padding: 8px
}

@media (min-width: 768px) {
    ._1kELupFqkyQ- {
        display:none
    }
}

.i0YZCrklk5g- {
    box-shadow: inset 0 -.0625rem 0 0 var(--otkit-color-ash-lighter);
    position: relative
}

.i0YZCrklk5g- ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.i0YZCrklk5g- ol::-webkit-scrollbar {
    display: none
}

.i0YZCrklk5g- li {
    display: inline-flex;
    margin-right: 16px
}

.i0YZCrklk5g- li:last-child {
    margin-right: 0
}

.i0YZCrklk5g- li.LZA-OZ9fA9w-:last-child {
    margin-right: 16px
}

.KNUeZiXloxY- {
    color: var(--otkit-color-foreground-alt);
    -webkit-appearance: none;
    appearance: none;
    border: none;
    margin: 0 0 16px;
    background-color: transparent;
    cursor: pointer;
    padding: 0
}

._6h5Zq4fZJew- {
    box-shadow: inset 0 -.125rem 0 0 var(--otkit-color-red)
}

._6h5Zq4fZJew-.C0Ijx3s1crM- {
    box-shadow: inset 0 -.125rem 0 0 var(--otkit-color-ash-dark)
}

._6h5Zq4fZJew- .KNUeZiXloxY- {
    color: var(--otkit-color-foreground-action)
}

._6h5Zq4fZJew-.C0Ijx3s1crM- .KNUeZiXloxY- {
    color: var(--otkit-color-ash-dark);
    font-weight: 700
}

.i0YZCrklk5g- li:hover .KNUeZiXloxY- {
    color: var(--otkit-color-red-dark)
}

.i0YZCrklk5g- li.C0Ijx3s1crM-:hover .KNUeZiXloxY- {
    color: var(--otkit-color-ash-dark)
}

.i0YZCrklk5g- li:active .KNUeZiXloxY- {
    color: var(--otkit-color-red-darker)
}

.i0YZCrklk5g- li.C0Ijx3s1crM-:active .KNUeZiXloxY- {
    color: var(--otkit-color-ash)
}

ol.UlULafRTn28- {
    display: flex;
    justify-content: stretch
}

ol.UlULafRTn28- li {
    margin-right: 0;
    width: 100%;
    text-align: center
}

ol.UlULafRTn28- li .KNUeZiXloxY- {
    width: 100%
}

.KwWzH8AYzOY- {
    display: block;
    position: absolute;
    inset: 0;
    pointer-events: none
}

.Cab9e5IGb0g- {
    background: linear-gradient(to left,var(--otkit-color-background-default) 0,rgba(255,255,255,0) 3.125rem)
}

.QYaAbe5rI-4- {
    background: linear-gradient(to right,var(--otkit-color-background-default) 0,rgba(255,255,255,0) 3.125rem)
}

.VOfGgkEF46o- {
    background: linear-gradient(to left,var(--otkit-color-background-default) 0,rgba(255,255,255,0) 3.125rem),linear-gradient(to right,var(--otkit-color-background-default) 0,rgba(255,255,255,0) 3.125rem)
}

@media (min-width: 768px) {
    .i0YZCrklk5g- li {
        margin-right:32px
    }
}

.VBfYvetiL9A- {
    box-shadow: none;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

.kf41YCFG-NQ- {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.cJBDami-VVY- {
    margin: 0
}

.WM-9eNHEZuY- {
    margin-top: 16px
}

.-uD-ubCQw48- {
    display: flex
}

.sAgjCgmWc3o- {
    position: relative;
    border-right: .0625rem solid var(--otkit-color-border-divider);
    padding-right: 16px;
    transition: border-right .3s ease-in-out
}

.sAgjCgmWc3o-.QE-PwbGxXaw- {
    border-right: .0625rem solid rgba(255,255,255,.2)
}

.Qo122HjhSR4- {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    pointer-events: none
}

.Qo122HjhSR4- path {
    transition: fill .3s ease-in-out;
    fill: var(--otkit-color-foreground-default)
}

.Qo122HjhSR4-.QE-PwbGxXaw- path {
    fill: var(--otkit-color-white)
}

.oO3UwfmHfmA- {
    width: 32px;
    height: 32px;
    margin: 0 4px;
    outline: none;
    padding: 0;
    border-radius: 50%;
    transition: background-color .3s ease-in-out;
    background-color: transparent
}

.oO3UwfmHfmA-:after {
    display: none
}

.cxNxauRQ0KQ- {
    position: absolute;
    top: 4px;
    left: 20px;
    background-color: var(--otkit-color-red);
    padding: 4px;
    border-radius: 50%
}

.sVdabuTQc6A- {
    margin-top: 12px;
    width: 21.75rem
}

.-zmBciXu8T0- {
    display: flex;
    flex-direction: column
}

.ELC0Z3OSPaI- {
    position: absolute;
    top: -2px;
    right: -2px;
    border: .125rem solid #ffffff;
    background-color: var(--otkit-color-red);
    padding: 4px;
    border-radius: 50%
}

@media (max-width: 767px) {
    .sAgjCgmWc3o- {
        position:unset;
        border: none;
        padding: 0
    }

    .sAgjCgmWc3o-.QE-PwbGxXaw- {
        border: none
    }

    .cxNxauRQ0KQ- {
        right: 4px
    }

    .sVdabuTQc6A- {
        width: 100%
    }
}

@media (min-width: 1056px) {
    .oO3UwfmHfmA-:hover {
        background-color:var(--otkit-color-ash-lightest)
    }
}

.USsuL7SQIxQ- {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0 16px
}

.bLPHtDDUGVU- {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px
}

.o4He130E8hM- {
    width: 2rem;
    height: 2rem
}

._7eO7S-Sd3K0- {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--otkit-color-background-default);
    padding: 16px 32px 64px;
    z-index: 999999;
    animation: _3fKad7s3Kwo- .3s linear
}

.gRnJTFjtmu8- {
    text-align: center;
    margin: 0 0 8px;
    padding: 8px 16px
}

.GN3P2T65GrQ- {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 768px) {
    .bLPHtDDUGVU- {
        margin-bottom:32px
    }

    .gRnJTFjtmu8- {
        padding: 16px;
        font-size: 48px;
        line-height: 56px
    }
}

@media (min-width: 1056px) {
    .bLPHtDDUGVU- {
        margin-bottom:64px
    }

    .gRnJTFjtmu8- {
        margin: 0 0 16px
    }

    ._7eO7S-Sd3K0- {
        padding: 16px 32px 7.5rem
    }
}

.TzsAopwuzxA- {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.v7KbnT-Ukjo- {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.v7KbnT-Ukjo-.pc4RwfZi8Zg- {
    padding: 0 16px
}

._3hGD-fRU3J0- path {
    transition: fill .3s ease-in-out;
    fill: var(--otkit-color-foreground-default)
}

._3hGD-fRU3J0-.Jc-Kqa1oXvk- path {
    fill: var(--otkit-color-white)
}

@keyframes Rm7ycw7frms- {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.qr1UyXmdjNM- {
    position: relative;
    display: flex;
    height: 2.25rem;
    width: 10.25rem
}

.LZBm7Sw1eqM- {
    display: block;
    width: 100%
}

._69VwXDP4sSY- {
    position: absolute;
    left: -625rem;
    top: auto;
    width: .0625rem;
    height: .0625rem;
    overflow: hidden
}

.SYo--Hea5G8- {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.25rem!important;
    width: auto!important;
    pointer-events: none
}

.SYo--Hea5G8- path:nth-of-type(2) {
    transition: fill .3s ease-in-out;
    fill: #333
}

.SYo--Hea5G8-.PDQw-Hj2iWY- path:nth-of-type(2) {
    fill: var(--otkit-color-white)
}

._8yo4kz28N40- {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: transparent;
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 4px;
    color: var(--otkit-color-foreground-default)
}

.xfkjzhnyJjA- {
    background-color: var(--otkit-color-background-default);
    color: var(--otkit-color-foreground-action);
    border: none
}

._8yo4kz28N40-:focus,._8yo4kz28N40-:hover {
    border-color: var(--otkit-color-red)
}

._8yo4kz28N40-:active:hover {
    border: .125rem solid var(--otkit-color-red)
}

._8yo4kz28N40-.vUYjiUFDqGs-:focus,._8yo4kz28N40-.vUYjiUFDqGs-:hover {
    border-color: var(--otkit-color-ash-dark)
}

._8yo4kz28N40-.vUYjiUFDqGs-:active:hover {
    border: .125rem solid var(--otkit-color-ash-dark)
}

.KS4l06OIYww- {
    padding: .6875rem calc(16px - .0625rem)
}

.hyFcHA7jmAs- {
    padding: .3125rem calc(16px - .0625rem)
}

.CR63-Pf1TKE- {
    padding: .0625rem calc(8px - .0625rem)
}

.KS4l06OIYww-:active:hover {
    padding: .625rem calc(16px - .125rem)
}

.hyFcHA7jmAs-:active:hover {
    padding: .25rem calc(16px - .125rem)
}

.CR63-Pf1TKE-:active:hover {
    padding: 0rem calc(8px - .125rem)
}

.NdlBkr-gRVQ- {
    border-radius: 1.625rem;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    height: 32px;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.HoQvVH0RjVk- {
    background-color: var(--otkit-color-background-accent-green);
    color: var(--otkit-color-foreground-on-action)
}

.rhjYkUbgqiE- {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 2.75rem;
    min-height: 2.75rem
}

.n-vSMvxbqjk- {
    display: flex;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
    color: #999;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: .8125rem 16px;
    line-height: 1.125rem;
    border-left: .1875rem solid transparent
}

.n-vSMvxbqjk-:hover,.n-vSMvxbqjk-.DSBddgE8fNE- {
    color: #237b98;
    background-color: #eef4fb;
    border-color: #237b98
}

.n-vSMvxbqjk-.DSBddgE8fNE- {
    font-weight: 500
}

.n-vSMvxbqjk-.cefDce-PIE4- {
    position: relative;
    padding-right: 3rem
}

.n-vSMvxbqjk-.cefDce-PIE4-:after {
    inset: 0;
    position: absolute;
    content: "";
    background-image: url("//cdn.otstatic.com/cfe/14/images/ic_right-BFSLNJ7M.svg");
    background-repeat: no-repeat;
    background-size: auto 1.75rem;
    background-position: right .75rem center
}

.wMy5808ogjI- {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sA9-XEbEPiI- {
    padding-left: 16px
}

._4Hcl0S0LR5o- {
    color: #237b98;
    text-decoration: none;
    line-height: 1.125rem
}

.FkqYVJXdyHU- {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 90%;
    left: -9rem;
    width: 40rem;
    background-color: var(--otkit-color-background-default);
    opacity: 0;
    max-height: 0;
    transform: translateY(-1em) perspective(37.5rem) rotateX(0);
    transition: transform .15s ease-out,opacity .15s ease-out,position .15s ease-out,max-height 0s;
    box-shadow: #0000001a 0 0 0 .0625rem;
    border-radius: .1875rem;
    z-index: -1
}

.FkqYVJXdyHU-.B5fRBfXWGCc- {
    opacity: 1;
    z-index: 100;
    max-height: 31.25rem;
    transform: translateY(0) perspective(37.5rem) rotateX(0);
    transition: transform .15s ease-out,opacity .15s ease-out,position .15s ease-out,max-height 0s
}

.FkqYVJXdyHU-:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    border-color: var(--otkit-color-white) transparent transparent var(--otkit-color-white);
    border-style: solid;
    border-width: .375rem;
    width: 0;
    height: 0;
    background: transparent;
    box-shadow: #00000026 -.0625rem -.0625rem;
    transform: rotate(45deg);
    top: -.375rem;
    left: 10rem
}

.nHFw-Bpv0Ak- {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.bzqnKqG00Tg- {
    display: flex;
    flex-direction: column;
    width: 50%;
    min-width: 50%
}

._6OtvT1EBs84- {
    padding: 16px;
    border-bottom: .0625rem solid rgba(0,0,0,.12);
    color: var(--otkit-color-foreground-default);
    line-height: 1.125rem
}

.SKpUoZwwG5M- {
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    list-style: none;
    overflow-y: scroll
}

.SKpUoZwwG5M-._19tXL7u5yh4- {
    border-right: .0625rem solid rgba(0,0,0,.12)
}

.q6-XGCDS2HE- {
    padding: 16px;
    border-top: .0625rem solid rgba(0,0,0,.12)
}

.bHc7qc-8scc-,.hziEQkBhCXY-.kAJmHGhqv3Y- {
    display: none
}

@media (min-width: 768px) {
    .bHc7qc-8scc- {
        position:relative;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 0 16px;
        margin-left: 8px;
        border-left: .0625rem solid rgba(0,0,0,.06)
    }

    .ezYWZCuDDkc- {
        display: flex;
        position: relative;
        height: 100%;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        align-items: center;
        padding: 0;
        margin: 0;
        z-index: 1
    }

    .hziEQkBhCXY- {
        color: var(--otkit-color-foreground-default);
        display: flex;
        align-items: center;
        height: 3.375rem
    }

    .hziEQkBhCXY-.kAJmHGhqv3Y- {
        position: relative;
        padding-right: 1.375rem
    }

    .hziEQkBhCXY-.kAJmHGhqv3Y-:after {
        box-sizing: border-box;
        margin: 0 4px;
        inset: 0 -16px 0 0;
        position: absolute;
        content: "";
        background-image: url("//cdn.otstatic.com/cfe/14/images/ic_right-BFSLNJ7M.svg");
        background-size: auto 1.75rem;
        background-repeat: no-repeat;
        background-position: right 8px top .875rem
    }

    .hziEQkBhCXY-:first-of-type {
        padding-left: 4px
    }

    .mpCGTLpOwlk- {
        width: 8.75rem;
        height: 1.25rem;
        border-radius: 4px
    }
}

@media (min-width: 1056px) {
    .hziEQkBhCXY-.kAJmHGhqv3Y- {
        display:flex
    }
}

.RvexsACzKr8- {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    height: 100%;
    width: auto
}

._6KemWGU1Sf4- {
    height: 2.25rem;
    width: auto
}

._0y2HqiFnIoU- {
    height: 100%;
    margin-left: 32px
}

.Nc8R9SdZNAo- {
    display: flex;
    flex-direction: column
}

.M2GfG0Y10KQ- {
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 8px
}

.M2GfG0Y10KQ- svg path {
    fill: var(--otkit-color-foreground-default)
}

.M2GfG0Y10KQ-._73WUuQzJa68- svg path {
    fill: var(--otkit-color-teal)
}

._8-yVsk-LY-U- {
    padding: .375rem 0 .375rem 48px;
    align-items: center;
    display: flex;
    width: 100%;
    font-size: 14px;
    line-height: 20px
}

._8-yVsk-LY-U-:hover {
    background-color: #eef4fb
}

._8-yVsk-LY-U-:focus {
    background-color: #eef4fb
}

._8-yVsk-LY-U-._73WUuQzJa68- {
    padding: 4px 0 4px 16px;
    background-color: #eef4fb
}

.Ik7EqKsoCe0-:last-of-type {
    padding-bottom: 8px
}

.N7ndsWiycTk- {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--otkit-color-foreground-default);
    background: var(--otkit-color-background-default);
    margin: 16px 8px 16px 16px;
    border: none;
    padding: 0
}

.vdVqINigp-s- {
    margin-left: auto;
    height: 1.5rem
}

.GU-0f9Zoy78- {
    transform: rotate(180deg)
}

.WqBcNLDRt5A- {
    list-style: none;
    padding: 0;
    margin: 0
}

@keyframes hPOYOxk8sHg- {
    0% {
        opacity: 0;
        right: -1.5rem
    }

    to {
        opacity: 1;
        right: 0
    }
}

@keyframes S4yBcbCwEKw- {
    0% {
        opacity: 1;
        right: 0
    }

    to {
        opacity: 0;
        right: -1.5rem
    }
}

.oqjOUir76Ek- {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 13.75rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--otkit-color-background-default);
    animation: hPOYOxk8sHg- .3s ease-out;
    animation-fill-mode: forwards;
    overflow-y: auto
}

.oqjOUir76Ek-.sTQ0dShMMzA- {
    animation: S4yBcbCwEKw- .3s ease-out
}

.eQZGrUMsXPg- {
    background-color: #0003;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 101
}

._28iT7Jhg5ps- {
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

._5SjPxuK4bjQ- {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 16px;
    border: none;
    background-color: transparent;
    height: 100%;
    cursor: pointer
}

.pDy7gLO8KTw- {
    margin: 0 16px;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

.tgDFBLcJoqY- {
    padding: 16px;
    display: flex;
    flex-direction: column;
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

.rXV4A0kqQMs- {
    cursor: pointer;
    border-radius: .25rem;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    height: 2rem
}

.rXV4A0kqQMs-.ULVvA0a50-Q- {
    color: var(--otkit-color-white);
    background-color: var(--otkit-color-teal);
    border: none
}

.HupwoNe5Bxk- {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: flex-start
}

.LDhW7CgVHd4- {
    flex: 1
}

.E5G-L27qIs0- {
    border: none;
    background-color: var(--otkit-color-background-default);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--otkit-color-foreground-default);
    text-align: start;
    cursor: pointer
}

.HO7ysAazhx8- {
    padding: 4px 0
}

.HO7ysAazhx8-:first-of-type {
    padding-top: 16px
}

.HO7ysAazhx8-:last-of-type {
    padding-bottom: 16px
}

.kIJbx4u07mY- {
    color: var(--otkit-color-foreground-action)
}

._6RE2gciyBI0- {
    padding: 16px
}

.ijgpe2KCjCc- {
    margin-left: 8px
}

.p6q45FMr9H0- {
    margin: 16px
}

.aplljC-6m0g- {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

.xJ26E6xZG8g- {
    display: block;
    margin-bottom: 8px;
    line-height: 0
}

.xJ26E6xZG8g-:focus>img {
    outline: .3125rem solid #4D90FE;
    outline: .3125rem auto #4D90FE
}

._7L40YicSuio- {
    width: 10.25rem
}

.-BMOO-x73Aw- {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.pT-JZkMWJa8- {
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
    height: 100%;
    margin: 0;
    padding: 0 .5rem;
    cursor: pointer
}

.NPC6X58TBB4- path {
    transition: fill .3s ease-in-out;
    fill: var(--otkit-color-foreground-default)
}

.NPC6X58TBB4-.tfv-JIldNVs- path {
    fill: var(--otkit-color-white)
}

.eYUoRFyzakg- {
    padding: 0
}

@media (min-width: 768px) {
    .-BMOO-x73Aw- {
        display:none
    }
}

.YE-ZelNHS8E- {
    display: flex;
    flex-direction: row;
    padding: 16px 0;
    line-height: 1.4;
    border-bottom: .0625rem solid var(--otkit-color-border-divider);
    font-weight: 500;
    line-height: 20px
}

._5e1qwPXUhwc- {
    display: flex;
    flex-direction: column;
    margin-left: 8px
}

.rZPZQ-bAryM- {
    color: var(--otkit-color-foreground-default);
    outline: none;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding-bottom: 4px
}

.kVaHt2-l0BY- {
    font-size: 14px
}

.kVaHt2-l0BY-.NKwgqNogXkU-:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--otkit-color-ash-lighter);
    vertical-align: middle;
    margin: 0 8px
}

.kVaHt2-l0BY-._46UnLt55tCg- {
    margin-top: 4px
}

.kVaHt2-l0BY-.QfC76XKC9vI-:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--otkit-color-ash-lighter);
    vertical-align: middle;
    margin: 0 8px
}

.ppgQN9d55gQ- {
    position: relative;
    color: var(--otkit-color-foreground-default);
    font-size: 14px
}

.-W8pdtDorp4- {
    color: var(--otkit-color-foreground-default);
    font-size: 14px
}

.ZFbLdN4UOis- {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 8px
}

.jk1mn8yyLVk- {
    display: flex;
    align-items: center
}

.-ie1J4RC4kU- {
    background: var(--otkit-color-ash-dark);
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.OqYEvxGUC9U- {
    height: 1.25rem;
    width: 1.25rem
}

.B83nURcBQEw- {
    display: flex;
    align-items: center
}

.kppm-vCIEhA- {
    height: 1.25rem;
    width: 1.25rem;
    text-align: center
}

.kppm-vCIEhA- svg path {
    fill: var(--otkit-color-white)
}

.meoNVfGJy0A- {
    width: 32px;
    height: 32px;
    outline: none;
    padding: 0;
    margin: 0 4px
}

.meoNVfGJy0A-:after {
    display: none
}

._1Y-t4ZtVP9c- {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

._1Y-t4ZtVP9c- path {
    transition: fill .3s ease-in-out;
    fill: var(--otkit-color-foreground-default)
}

._1Y-t4ZtVP9c-.SxDfcHAc2TI- path {
    fill: var(--otkit-color-white)
}

.Gf8QwmDz1Ng- {
    display: flex;
    flex-direction: column;
    max-height: 25.9375rem;
    overflow-y: auto;
    padding: 0 24px 0 8px
}

.rzm-gbGY6Os- {
    position: absolute;
    top: 4px;
    left: 20px;
    background-color: var(--otkit-color-red);
    padding: 4px;
    border-radius: 50%
}

.WOOdmvnXPO4- {
    width: 20.625rem;
    margin-top: 12px
}

.EZMuQ-Eooh4- {
    display: flex;
    flex-direction: column
}

.lYLQHz-1j7E- {
    color: var(--otkit-color-foreground-default);
    padding: 16px 16px 0
}

.PdhBdV-ZOQM- {
    padding: 16px;
    color: var(--otkit-color-foreground-default)
}

.eZq0EHOKxio- {
    padding: 16px
}

.hxolpe-mYus- {
    background-color: var(--otkit-color-teal)
}

.GGkDw0uWnww- {
    background-color: var(--otkit-color-background-accent-fuchsia)
}

._8i3kSx-qkgA- {
    background-color: var(--otkit-color-aqua)
}

._7R0e7YF5DWQ- {
    background-color: var(--otkit-color-orange-light)
}

.F2rQHfVcAWM- {
    background-color: var(--otkit-color-background-accent-purple)
}

.Q51d27G3fqs- {
    align-items: center;
    display: flex;
    justify-content: center;
    color: var(--otkit-color-white);
    text-align: center;
    border-radius: 100%
}

.JvQtRofrg2s- {
    width: 8rem;
    height: 8rem;
    max-width: 8rem;
    font-size: 32px;
    font-weight: 700;
    line-height: 8rem
}

.hkuYBdcms4s- {
    width: 1.9375rem;
    height: 1.9375rem;
    max-width: 1.9375rem;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.9375rem
}

.Yb4Dhs-8Ud4- {
    width: 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5rem
}

.hxNt8lS6cZM-,.RPbrbPosB4c- {
    height: 1.25rem;
    width: 1.25rem
}

.H6q2OwASBsQ- {
    height: 2.5rem;
    width: 2.5rem
}

.YfX0AQV3oYk- svg path {
    fill: var(--otkit-color-white)
}

._7cGk7Y6LdGc- {
    display: flex;
    flex-direction: column;
    padding: .8125rem 16px;
    border-bottom: .0625rem solid rgba(0,0,0,.08)
}

.tFItixEmiS4- {
    display: flex;
    justify-content: space-between
}

.-d2itP1KF6k- {
    display: flex;
    flex-direction: column
}

._7lELpafoiQs- {
    color: #999;
    font-size: .6875rem;
    margin-bottom: 4px
}

.wulACqkB4x8- {
    color: var(--otkit-color-foreground-default);
    font-size: 16px;
    font-weight: 500
}

._0l47v67bXKk- {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    margin-left: .125rem
}

.zAXCxgybYGg- {
    display: flex;
    margin: 8px 0;
    height: .5rem;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background-color: #efefef
}

.CJCzL4zbYfA- {
    height: 100%;
    background-color: var(--otkit-color-red)
}

.C5GASbY1WGI- {
    display: flex
}

.hgmqP-mfzjs- {
    width: auto;
    padding: 0;
    font-size: 14px
}

.gN02Nwst5eU- {
    color: var(--otkit-color-foreground-default);
    font-size: 16px;
    outline: none;
    padding: 0;
    margin: 0 4px
}

.gN02Nwst5eU-:after {
    display: none
}

.KMomiuWybcU- {
    font-size: 16px;
    font-weight: 700;
    padding: 16px 16px 8px
}

.IvITYEvYzj4- {
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin: 8px 16px;
    padding: 8px 16px;
    background-color: var(--otkit-color-red);
    color: var(--otkit-color-white);
    border: 0;
    cursor: pointer;
    outline: none
}

.py26ojy1NAk- {
    margin-left: 4px
}

.j3c-hD--pNw- {
    font-size: 14px;
    font-weight: 700;
    text-align: left
}

.Z4EH5YSGYMk- {
    width: 19.75rem;
    padding-bottom: 8px;
    margin-top: 12px
}

.-VFXbG8mlxc- {
    color: var(--otkit-color-foreground-default);
    font-size: 16px;
    padding: 8px 16px
}

._1Pd7uovEgM4- {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--otkit-color-background-alt);
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 50%;
    height: 32px;
    width: 32px;
    transition: all .3s ease-in-out
}

._1Pd7uovEgM4-.Xl1MAQgBrI4- {
    background: var(--otkit-color-background-default);
    border: .0625rem solid var(--otkit-color-white)
}

.-QSycQu5gxw- {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--otkit-color-background-alt);
    border-radius: 50%;
    height: 1.9375rem;
    width: 1.9375rem
}

.-QSycQu5gxw-.Xl1MAQgBrI4- {
    background: transparent
}

.o45Jr14C-Cw- {
    display: flex;
    align-items: center;
    border: .0625rem solid var(--otkit-color-yellow-lighter);
    background: var(--otkit-color-background-warning-highlight);
    border-radius: 6.25rem;
    padding: 4px .375rem
}

._1MQY-ATeOhk- {
    height: 4rem;
    width: 4rem;
    margin-right: 16px
}

.Mscdb5wiAV4- {
    color: var(--otkit-color-foreground-action)
}

.deCzu087txg- img {
    width: 1.25rem;
    height: 1.25rem
}

.ptfaMHVbRXw- {
    width: 1.9375rem;
    height: 1.9375rem;
    max-width: 1.9375rem;
    border-radius: 100%
}

.Uq92trVivuE- {
    width: 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem;
    border-radius: 100%
}

.quCUwu54cFM- {
    padding: 0 16px;
    cursor: pointer;
    line-height: 2rem;
    border-radius: .1875rem;
    transition: all .3s ease-in-out
}

.quCUwu54cFM-.tIbKEmaeJf8- {
    color: var(--otkit-color-white);
    background-color: var(--otkit-color-teal);
    font-size: 14px;
    margin: 0 8px;
    border: .0625rem var(--otkit-color-teal) solid
}

.quCUwu54cFM-.skxmSCfZH4c- {
    color: var(--otkit-color-foreground-default);
    background-color: transparent;
    border: .0625rem solid var(--otkit-color-border-default);
    font-size: 14px;
    margin: 0
}

.quCUwu54cFM-.ukuVEDjmmdE- {
    background-color: var(--otkit-color-background-default);
    color: var(--otkit-color-teal-dark);
    border: .0625rem var(--otkit-color-white) solid
}

@media (min-width: 768px) {
    .-Ub8iGXqGjE- {
        display:flex;
        align-items: center;
        box-sizing: border-box;
        height: 100%
    }

    .-Ub8iGXqGjE- .zhddPdoRRRo- {
        width: 5.25rem;
        height: 2rem;
        margin: 0 4px;
        border-radius: 4px
    }

    .-Ub8iGXqGjE- .zhddPdoRRRo-.ukuVEDjmmdE- {
        background-color: var(--otkit-color-background-default)
    }

    .-Ub8iGXqGjE- .zhddPdoRRRo-.ukuVEDjmmdE-:after {
        content: none
    }

    .keSRfchk304- {
        display: flex
    }
}

@media (max-width: 767px) {
    ._0C1hcm-YB-c- {
        display:none
    }
}

.vjg6gOdIdLQ- {
    position: relative;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    height: 2.75rem;
    background-color: var(--otkit-color-background-default);
    padding: 0 16px;
    transition: background-color .3s ease-in-out
}

.vjg6gOdIdLQ-.yX-d6f4apEE- {
    background-color: transparent
}

.KIk3dbAjVdg- {
    display: flex;
    height: 100%;
    align-items: center;
    opacity: 1;
    transition: opacity .4s ease-in-out
}

.KIk3dbAjVdg-.x0nsWTO6zcg- {
    opacity: 0
}

.lbfaur84Fg8- {
    margin: 0 16px 0 0
}

@media (min-width: 768px) {
    .vjg6gOdIdLQ- {
        height:3.375rem
    }
}

@media (min-width: 1056px) {
    .vjg6gOdIdLQ- {
        padding:0 16px 0 32px
    }
}

.km1c573b-ig- {
    display: none
}

@media (min-width: 768px) {
    .km1c573b-ig- {
        display:flex;
        justify-content: flex-end;
        align-items: center;
        box-sizing: border-box;
        padding: 0 16px;
        height: 1.8125rem;
        background-color: var(--otkit-color-background-alt);
        border-bottom: .0625rem solid var(--otkit-color-ash-lightest);
        transition: all .3s ease-in-out
    }

    .km1c573b-ig-._7gE2NjkjIrg- {
        border-bottom: .0625rem solid rgba(255,255,255,.2);
        background-color: transparent
    }
}

.ublNO0B2WgE- {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest)
}

.cy1PvMyf3Iw- {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    max-width: 100rem;
    transition: border .3s ease-in-out;
    border-bottom: .0625rem solid rgba(255,255,255,.2)
}

.bQTuSygTelo- {
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest)
}

.Y5KWBoLDheU- {
    display: flex;
    align-items: center;
    gap: 8px
}

.czSnns5zAvM- {
    height: 48px;
    width: 48px
}

.Ez4i-VmIBvE- {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.RUDcRcUiZI4-,.H-luDvpOa3g- {
    margin: 0
}

.RUDcRcUiZI4- {
    display: flex;
    gap: 8px
}

.H-luDvpOa3g- {
    color: var(--otkit-color-ash-light)
}

.qCryjr2-Mvk- {
    align-self: center;
    background-color: var(--otkit-color-background-accent-yellow);
    padding: .125rem 4px;
    font-size: 10px;
    line-height: 12px;
    border-radius: 4px;
    font-weight: 600;
    color: var(--otkit-color-foreground-default)
}

.KiLDx3Qun7I-:after {
    content: "\2022";
    margin: 0 4px
}

._2oODSrtdCFw- {
    color: var(--otkit-color-foreground-action);
    text-decoration: none;
    cursor: pointer;
    font-weight: 700
}

._2oODSrtdCFw-:hover {
    text-decoration: underline
}

.tb3Godim-cE- {
    width: 317px;
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%,-50%);
    border-radius: 4px
}

.jHZfMOJEmlk- {
    text-align: left;
    font-family: BrandonText,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;
    color: var(--otkit-color-foreground-default);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.U8kY3CUPpuU- {
    margin: 0;
    text-align: center
}

.qwwLIIiZJnM- {
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 8px
}

.gJsHnGKQ-Rk- {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.aQ8AUS1mxgc-,.nlp0qz2VShM- {
    margin: 0
}

.aQ8AUS1mxgc- {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.nlp0qz2VShM- {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--otkit-color-ash-light)
}

.FMhF-qbovWI- {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.ryfhBaOLFzM- {
    display: flex;
    justify-content: flex-end;
    gap: 16px
}

._9sZAUK8IZBk- {
    font-family: BrandonText,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol
}

.ROFJ4UR-Rq8- {
    padding: 0;
    align-self: center
}

._41CcIL9Afyc- {
    height: 48px;
    width: 48px
}

._6oRCuXYkPTs- {
    font-weight: 400
}

@media (min-width: 768px) {
    .tb3Godim-cE- {
        width:446px
    }
}

.sfLEE2d2N20- {
    display: flex;
    flex-direction: column;
    width: 100%
}

.Lv7SpBZdvck- {
    width: auto;
    position: absolute;
    left: 0;
    top: -2.5rem;
    transition: top .5s ease-out;
    z-index: 1000;
    color: var(--otkit-color-white);
    border-right: .0625rem solid var(--otkit-color-white);
    border-bottom: .0625rem solid var(--otkit-color-white);
    border-bottom-right-radius: 8px;
    padding: 8px 16px;
    background: var(--otkit-color-background-action);
    text-decoration: none
}

.Lv7SpBZdvck-:focus {
    transition: top .1s ease-in;
    top: 0;
    left: 0
}

.mwul4aJazVU- {
    outline: 0
}

.FcdgMB17tV4- {
    position: absolute;
    inset: 0;
    background-color: #2d333f99;
    z-index: 99999
}

.hr3kKTTYjkA- {
    width: 100%;
    display: flex
}

.fCLsVe1Y-Dw- {
    position: fixed;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--otkit-color-ash-lighter)
}

@media (min-width: 768px) {
    .hr3kKTTYjkA- {
        height:85vh;
        margin: 16px 0;
        padding-top: 32px;
        border-top: .0625rem solid var(--otkit-color-border-divider)
    }

    ._0lv2jVpqXDk- {
        margin: 4.75rem 0 16px;
        padding-top: 0
    }

    .JGK2C01R494- {
        position: relative;
        display: flex;
        flex-direction: column;
        background-color: var(--otkit-color-background-default);
        width: 16.5rem;
        height: 100%;
        padding: 0;
        overflow-x: hidden
    }

    .fCLsVe1Y-Dw- {
        position: relative;
        flex: 1 1 auto;
        height: 100%
    }
}

@media (min-width: 1056px) {
    .JGK2C01R494- {
        width:27.5rem
    }
}

.-gcBj-PQxZY- {
    border-radius: 4px;
    height: 2rem;
    width: calc(20% - .4375rem);
    min-width: 3rem;
    margin: 0 8px 8px 0;
    display: inline-block
}

.-gcBj-PQxZY-:last-child {
    margin-right: 0
}

.BAwlUkvk-mI- {
    list-style: none;
    padding: 0;
    margin: 32px 0 0
}

@media (min-width: 1056px) {
    .-gcBj-PQxZY- {
        min-width:5.125rem
    }
}

.hPCzqHXl41U- {
    width: 100%;
    margin-top: 0;
    padding-bottom: 16px;
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest);
    display: flex
}

._32GVFcbccxg- {
    margin-top: 0
}

.fcDewytcIck- {
    width: auto
}

._6bzd5ZztBIs- {
    align-items: start
}

.yB5PIr2G0YM- {
    min-width: 22.5rem;
    width: 100%
}

.yBVwzta4ZNM- {
    text-align: left
}

.ZuTLu7lIzuU- {
    margin: 0;
    padding: 0;
    list-style: none
}

.gx-yqWeiTBk- {
    text-align: left
}

._1skZDX86xC4- {
    margin: 0
}

.MD4Wu72zb84- {
    min-width: 3rem
}

._7Y5GSgMO0Ss- {
    width: 100%
}

@media (min-width: 1056px) {
    .yB5PIr2G0YM- {
        min-width:28.125rem
    }
}

.-uC7YhjQm5Y- {
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--otkit-color-red-lightest)
}

.-uC7YhjQm5Y- p {
    margin: 0;
    color: var(--otkit-color-foreground-default);
    padding-top: 4px
}

.KksrjBvqiBo- {
    background-image: url("//cdn.otstatic.com/cfe/14/images/rewards-banner-PPI7IVEZ.png");
    background-color: #e3fafe;
    background-repeat: repeat;
    padding: 1.5rem
}

.KksrjBvqiBo- h2 {
    margin: 0;
    line-height: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700
}

.KksrjBvqiBo- p {
    margin: 0;
    line-height: 1.25rem;
    font-size: 16px;
    font-weight: 500;
    font-family: BrandonText,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;
    padding-top: 4px
}

.KksrjBvqiBo- a {
    color: var(--otkit-color-foreground-accent-teal);
    text-decoration: none
}

.KksrjBvqiBo- a:hover {
    text-decoration: underline
}

._-0-ycGOwmR0- {
    display: block;
    margin-left: auto;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    line-height: 24px;
    color: var(--otkit-color-foreground-accent-teal);
    background-color: transparent;
    margin-top: 8px
}

._-0-ycGOwmR0-:hover {
    text-decoration: underline
}

@media (min-width: 1056px) {
    ._-0-ycGOwmR0- {
        float:right;
        margin-top: 0
    }

    .KksrjBvqiBo- p {
        display: inline-block
    }
}

._9QgHk-aAxgA- {
    display: none
}

@media (min-width: 768px) {
    ._9QgHk-aAxgA- {
        position:absolute;
        top: 16px;
        right: 16px;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--otkit-color-background-default);
        border-radius: 4px;
        cursor: pointer;
        border: 0;
        box-shadow: 0 .25rem .25rem #0000001a
    }
}

.tRJKC59z2Rw- {
    position: absolute;
    top: 4.5rem;
    right: 1rem;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 17.5rem;
    box-sizing: border-box;
    padding: 16px 8px;
    background-color: var(--otkit-color-background-info-highlight);
    border: .0625rem solid var(--otkit-color-teal);
    border-radius: 4px
}

.xmW1QxmfDXc- {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    padding: 0;
    margin: 0 0 0 8px;
    border: 0;
    cursor: pointer
}

@media (min-width: 768px) {
    .tRJKC59z2Rw- {
        top:7.625rem;
        left: 1rem;
        right: initial
    }
}

._6rARqpNlDhU- {
    width: 100%;
    height: 25rem
}

.Ngz4-aqzvuI- {
    display: none
}

@media (min-width: 768px) {
    .Ngz4-aqzvuI- {
        position:absolute;
        top: 16px;
        right: 16px;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--otkit-color-background-default);
        border-radius: 4px;
        cursor: pointer;
        border: 0;
        box-shadow: 0 .25rem .25rem #0000001a
    }
}

.azS6A3t93Ys- {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 8px 16px;
    color: var(--otkit-color-foreground-default);
    background-color: var(--otkit-color-background-default);
    border-radius: 4px;
    cursor: pointer;
    border: 0;
    box-shadow: 0 .25rem .25rem #0000001a
}

.HaOaf208bro- {
    margin-right: 8px
}

@media (min-width: 768px) {
    .azS6A3t93Ys- {
        left:4.5rem
    }
}

.C-17U3wHE-U- {
    width: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._9zdU1Bdbj6s- {
    animation: Pb5fd9Z18O4- 1.5s infinite linear;
    background-color: var(--otkit-color-ash-dark);
    border-radius: 50%;
    height: .4375rem;
    width: .4375rem
}

._9zdU1Bdbj6s-:nth-child(2) {
    animation-delay: .25s
}

._9zdU1Bdbj6s-:nth-child(3) {
    animation-delay: .5s
}

@keyframes Pb5fd9Z18O4- {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    33.3% {
        opacity: 1;
        transform: scale(1.2)
    }

    66.6% {
        opacity: 0;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

._2o0gfnpr8cM- {
    width: 100%;
    height: 25rem
}

.-mTBB84ppvU- {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 11.375rem;
    left: 0;
    right: 0;
    pointer-events: none
}

.wF3vLzUDHSs- {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--otkit-color-background-default);
    z-index: 1;
    pointer-events: all;
    border-radius: 4px;
    box-shadow: 0 .25rem .25rem #0000001a;
    padding: 8px 8px 4px
}

.OimvL-NO6uI- {
    opacity: 0
}

.CJ-3ip-G8A8- {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .-mTBB84ppvU- {
        top:16px;
        left: 4.5rem;
        right: initial;
        bottom: initial;
        max-width: 15rem
    }
}

@media (min-width: 1056px) {
    .-mTBB84ppvU- {
        max-width:none
    }
}

@keyframes mwrRVCKjt7M- {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    75% {
        opacity: 0
    }
}

.S-df1yL0Gms- {
    width: 100%;
    height: 25rem
}

.qQkIvYaNuG8- {
    position: absolute;
    top: 16px;
    right: 16px
}

.Rt021C3Wias- {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--otkit-color-background-default);
    border-radius: 4px;
    cursor: pointer;
    border: 0;
    box-shadow: 0 .25rem .25rem #0000001a
}

._5qaze8r0c6I- {
    opacity: 1;
    animation: mwrRVCKjt7M- 2s infinite
}

.IpZ4SCFxJYQ- {
    opacity: .4
}

._2KNGZtVzAII- {
    position: absolute;
    top: calc(100% + 16px);
    right: 0;
    display: flex;
    align-items: center;
    width: 17.5rem;
    box-sizing: border-box;
    padding: 16px 8px;
    background-color: var(--otkit-color-background-info-highlight);
    border: .0625rem solid var(--otkit-color-teal);
    border-radius: 4px
}

.y1wSStpQ87A- {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    padding: 0;
    margin: 0 0 0 8px;
    border: 0;
    cursor: pointer
}

@media (min-width: 768px) {
    .qQkIvYaNuG8- {
        right:4.5rem
    }

    ._2KNGZtVzAII- {
        left: 0;
        right: initial
    }
}

.l0xh131kQ84- {
    width: 100%;
    height: 25rem
}

._6RYyVSauNVw- {
    display: none
}

@media (min-width: 768px) {
    ._6RYyVSauNVw- {
        position:absolute;
        top: 16px;
        left: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        box-shadow: 0 .25rem .25rem #0000001a;
        overflow: hidden
    }

    .kGG7NPnszwA- {
        z-index: 1;
        margin: 0;
        padding: 8px;
        border: 0;
        background-color: var(--otkit-color-background-default);
        cursor: pointer
    }

    .w9xDDiTTN24- {
        height: .0625rem;
        width: 100%;
        background-color: var(--otkit-color-background-alt)
    }
}

.oysWVKwJarE- {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #e5e3df
}

.WbxhuIjvmSI- {
    width: 25rem;
    height: 25rem
}

.LZbQN1n01cw- {
    position: relative
}

._5km1RFGtqxo- {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--otkit-color-ash-lighter)
}

.J4g0ZPVWrc0- {
    width: 100%;
    height: 25rem
}

.u8w-K-9L0ks- {
    position: relative;
    box-sizing: border-box;
    left: -1.375rem;
    top: -2.5rem;
    width: 2.75rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.RkxOHgVfAm8- {
    position: absolute;
    inset: .5rem;
    pointer-events: none
}

.YN8mDIrH1ZE- {
    position: absolute;
    inset: -.5rem;
    width: 2.75rem;
    height: 3rem;
    transition: all .12s ease-out
}

.YN8mDIrH1ZE-.jV70aDO-1qs- {
    width: 4.125rem;
    height: 4.5rem;
    top: -2rem;
    left: -1.1875rem;
    right: -1.1875rem
}

.CVdknC2OQeA- {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.9375rem;
    color: var(--otkit-color-white);
    font-weight: 700;
    transition: width .2s ease-out,height .2s ease-out,margin-bottom .2s ease-out,font-size .2s ease-out;
    margin-bottom: .3125rem
}

.CVdknC2OQeA-.jV70aDO-1qs- {
    width: 2.875rem;
    height: 2.875rem;
    margin-bottom: 32px;
    font-size: 1.3125rem
}

.RA7m-UwgABc- {
    position: absolute;
    top: calc(100% - 4px);
    color: var(--otkit-color-foreground-default);
    white-space: nowrap;
    font-weight: 700;
    padding: 4px 8px;
    background-color: var(--otkit-color-background-default);
    opacity: .9;
    border-radius: 4px;
    box-shadow: 0 .25rem .25rem #0000001a
}

._--TZoTMxyZ8- {
    position: absolute;
    bottom: 1.25rem;
    right: -2.5rem;
    display: flex;
    align-items: center;
    color: var(--otkit-color-foreground-default);
    white-space: nowrap;
    padding: 8px;
    background-color: var(--otkit-color-background-default);
    border-radius: 4px;
    box-shadow: 0 .25rem .25rem #0000001a
}

.XwR6iI6pXIY- {
    width: 100%;
    height: 25rem
}

.-Jb6LTkKhqc- {
    position: relative;
    left: -.75rem;
    top: -.75rem;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

._7ys7scM96Nk- {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: var(--otkit-color-red);
    filter: blur(.25rem);
    border-radius: 50%
}

.yMspqhJ5quY- {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--otkit-color-background-default);
    z-index: 1
}

.jWRykBO--mk- {
    border-radius: 50%;
    width: .875rem;
    height: .875rem;
    background-color: var(--otkit-color-red)
}

.Xt5Ffh2-E-Y- {
    position: relative
}

.HDBwyGs88R0- {
    width: 100%;
    height: 25rem
}

.rCueqGnBSAI- {
    width: 100%;
    height: 100%
}

.XsK20fsErBA- {
    position: fixed;
    inset: 0;
    z-index: 200;
    transition: all .3s ease
}

.oeftEVQsKdk- {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 8px 16px;
    color: var(--otkit-color-foreground-default);
    background-color: var(--otkit-color-background-default);
    border-radius: 4px;
    cursor: pointer;
    border: 0;
    box-shadow: 0 .25rem .25rem #0000001a
}

.TBRJwxPdvpk- {
    margin-right: 8px
}

@keyframes _6XiFr5pV0NM- {
    0% {
        height: 9.625rem;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0
    }

    30% {
        height: 9.625rem;
        right: 16px;
        bottom: 16px;
        left: 16px;
        opacity: 1
    }

    to {
        height: 36.9375rem;
        right: -8px;
        bottom: -8px;
        left: -8px;
        opacity: 1
    }
}

@keyframes BX5BjF0IO8s- {
    0% {
        height: 36.9375rem;
        right: -8px;
        bottom: -8px;
        left: -8px;
        opacity: 1
    }

    70% {
        height: 9.625rem;
        right: 16px;
        bottom: 16px;
        left: 16px;
        opacity: 1
    }

    to {
        height: 9.625rem;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0
    }
}

@keyframes U-ZBcmwI4n8- {
    0% {
        left: -100%;
        opacity: 1
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes _785h92FTYYc- {
    0% {
        left: 0;
        opacity: 1
    }

    to {
        left: -100%;
        opacity: 1
    }
}

.pgfWOJhywTM- {
    position: fixed;
    right: -8px;
    bottom: -8px;
    left: -8px;
    height: auto;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: var(--otkit-color-background-default);
    border-radius: 4px;
    padding: 0 16px 16px;
    cursor: pointer
}

.pgfWOJhywTM-.NxWvm2Dgut0- {
    opacity: 1;
    animation: _6XiFr5pV0NM- .3s ease-out
}

.pgfWOJhywTM-._7obMPQOKYvY- {
    opacity: 0;
    animation: BX5BjF0IO8s- .3s ease-in
}

.fP8VgFJwSLg- {
    display: flex;
    justify-content: center
}

._7hfVG0cmgKU- {
    height: 1.875rem;
    width: 1.875rem
}

@media (min-width: 768px) {
    .pgfWOJhywTM- {
        position:absolute;
        inset: 0;
        margin: 0;
        padding: 0;
        border: .0625rem solid var(--otkit-color-ash-lightest);
        width: 100%;
        height: auto;
        max-height: none;
        min-width: initial;
        border-bottom: 0
    }

    .pgfWOJhywTM-.NxWvm2Dgut0- {
        left: 0;
        animation: U-ZBcmwI4n8- .3s ease-out
    }

    .pgfWOJhywTM-._7obMPQOKYvY- {
        left: -100%;
        animation: _785h92FTYYc- .3s ease-in
    }

    .fP8VgFJwSLg- {
        display: none
    }
}

@keyframes bQt5hv46lYo- {
    0% {
        opacity: 0
    }

    to {
        opacity: .6
    }
}

.kemt0xJV80Q- {
    position: relative;
    height: 9.625rem;
    box-sizing: border-box;
    width: 18rem
}

.yIrCgzUNF0U- {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    transform: translate(0);
    transition: transform .2s ease
}

.jh8ooZ4qvUk- {
    padding: .75rem 16px 16px;
    display: flex;
    flex-direction: column;
    background-color: var(--otkit-color-background-default);
    border-radius: 4px
}

.L4a8WiVwjjc- {
    color: var(--otkit-color-foreground-default)
}

._32hfprYDYVk- {
    margin-top: 8px;
    color: var(--otkit-color-foreground-default)
}

.F-YmZ7IxOAU-,.ru--dG-c0uQ- {
    display: none
}

.KCWCn5iYh5g- {
    position: fixed;
    inset: 0;
    background: var(--otkit-color-ash-dark);
    opacity: .6;
    animation: bQt5hv46lYo- .3s ease-out
}

@media (min-width: 22.5rem) {
    .kemt0xJV80Q- {
        width:20.5rem
    }
}

@media (min-width: 23.4375rem) {
    .kemt0xJV80Q- {
        width:21.4375rem
    }
}

@media (min-width: 768px) {
    .kemt0xJV80Q- {
        flex:1 1 auto;
        width: 100%
    }

    .PJ0GcJjtup8-:before {
        content: "";
        position: absolute;
        top: -.625rem;
        right: 0;
        left: 0;
        height: .625rem;
        box-shadow: 0 .25rem .25rem #00000014;
        pointer-events: none
    }

    .yIrCgzUNF0U- {
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 16px;
        transform: initial!important
    }

    .ru--dG-c0uQ- {
        display: none
    }

    .jh8ooZ4qvUk- {
        align-items: center
    }

    .F-YmZ7IxOAU- {
        display: block;
        width: 5.125rem;
        height: 5.125rem;
        margin-bottom: 16px
    }

    .L4a8WiVwjjc- {
        font-size: 24px;
        line-height: 28px
    }

    ._32hfprYDYVk- {
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }

    .KCWCn5iYh5g- {
        display: none
    }

    .is9fO-I4Tew- {
        overflow: hidden
    }
}

.do-mpy2SAho- {
    position: absolute;
    top: calc(50% - .75rem);
    cursor: pointer;
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 50%;
    height: 1.5rem;
    width: 1.5rem;
    background-color: var(--otkit-color-background-default);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0
}

.do-mpy2SAho-:hover {
    border: .125rem solid var(--otkit-color-red)
}

.do-mpy2SAho-._9EnpK4aiH0Q- {
    height: 2.5rem;
    width: 2.5rem;
    top: calc(50% - 1.25rem);
    background: #2d333f7a;
    -webkit-backdrop-filter: blur(.10938rem);
    backdrop-filter: blur(.10938rem);
    border: none;
    transition: all .3s ease-in-out
}

.do-mpy2SAho-._9EnpK4aiH0Q-:hover {
    background: #2d333fcc
}

.do-mpy2SAho-._9EnpK4aiH0Q-:active {
    background: #2d333ff5
}

.wsanj9BYyB0- {
    right: 8px
}

.pq1-Nl9DobA- {
    left: 8px
}

.lc7TRhg0r6M- {
    position: absolute;
    height: 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;
    inset: 0;
    margin: auto
}

.lc7TRhg0r6M-._9EnpK4aiH0Q- svg path {
    fill: var(--otkit-color-white)
}

.FsGaSRbMgPs- {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

._1MqU0myB1to- {
    padding: .1875rem;
    margin-right: .4375rem;
    cursor: pointer;
    border-radius: 50%;
    background: var(--otkit-color-background-default)
}

._1MqU0myB1to-.ul6YSlh8qKk- {
    padding: .1875rem;
    margin-right: .25rem;
    opacity: .72;
    -webkit-backdrop-filter: blur(.3125rem);
    backdrop-filter: blur(.3125rem)
}

.e3EDSZa9KSM- {
    padding: 4px;
    border: .0625rem solid var(--otkit-color-white);
    background: var(--otkit-color-red)
}

.e3EDSZa9KSM-.ul6YSlh8qKk- {
    background: var(--otkit-color-background-default);
    opacity: 1
}

@keyframes M9L5ujD2SME- {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.M9L5ujD2SME- {
    animation: M9L5ujD2SME- .8s ease-in-out
}

.O8kvT288wmc- {
    visibility: hidden
}

.r5V0CMyTkB4- {
    height: auto;
    min-width: 100%;
    width: 100%;
    pointer-events: none
}

._0nmnHAQll7A- {
    width: 100%;
    display: flex;
    align-items: center;
    transition: transform ease-out .5s
}

@keyframes s2TwMmd7aCo- {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.QD1ija11axk- {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.pl-bi08FINU- {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 0;
    background: var(--otkit-color-background-alt)
}

.Jv-qpRM7MfM- {
    height: 48px;
    width: 48px
}

._5InP-YlyR3g- {
    display: none
}

._5InP-YlyR3g-.AyvjG44B8PI- {
    animation: s2TwMmd7aCo- .3s ease-in-out
}

.rSEXlZovNTw- {
    position: absolute;
    inset: 0;
    background: #0000001a
}

@media (hover: hover) {
    .QD1ija11axk-:hover ._5InP-YlyR3g-,._5InP-YlyR3g-.T2VNGIgfcD0- {
        display:block
    }
}

._5UxL04MoEAc- {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    padding: 4px 16px
}

.jl6fBNGMEr4- {
    margin-left: 4px
}

.ULe80w8ud9U- {
    padding: 16px 0;
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest);
    width: 100%;
    display: flex;
    min-height: 3rem;
    flex: 0 0 auto
}

.GJ-cuyAvGRY- {
    min-height: 5rem
}

._7xqgIoV3wIM- {
    min-height: 1.875rem;
    width: 100%
}

.jOHhHo2-EKc- {
    color: var(--otkit-color-foreground-default);
    font-weight: 600;
    margin: 0;
    margin-bottom: .125rem
}

.Z4Ik38HDmyc- {
    margin-right: 16px;
    fill: var(--otkit-color-foreground-default)
}

.AreUB-4Bv7o- {
    width: 100%;
    margin-top: 16px
}

.tj-3vlUEQ30- {
    color: var(--otkit-color-foreground-default);
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest);
    padding-bottom: 8px;
    margin-bottom: 16px
}

.UjGM9WGObnk- {
    display: flex;
    flex-wrap: wrap
}

._8LF6c39y9MI- {
    margin: 4px;
    border: .0625rem solid var(--otkit-color-border-default);
    border-radius: 2rem;
    padding: 8px 16px
}

.PQa6eyMOpqM- {
    color: var(--otkit-color-foreground-default)
}

.OikzEdh1IEQ- {
    display: flex;
    flex-direction: column;
    width: 100%
}

.Q10BSzcIOZQ- {
    display: flex;
    width: 16.5rem;
    margin: 0 -4px -4px
}

.Q10BSzcIOZQ-.YhkVi1IL9mk- {
    width: initial;
    flex-wrap: wrap
}

.nlUAL-NU55U- {
    box-sizing: border-box;
    padding: 0 4px;
    min-width: 5.5rem;
    width: 5.5rem
}

.nlUAL-NU55U-.YhkVi1IL9mk- {
    margin-bottom: 16px
}

.nlUAL-NU55U-:nth-child(4) {
    display: none
}

.nlUAL-NU55U-:nth-child(5) {
    display: none
}

.r-oM7gfgCXs- {
    display: block
}

.C7Bra0vFus0- {
    padding-bottom: 8px;
    margin-bottom: 16px;
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest)
}

._1ErdEkZtQAc-,.nI7EcifFbNE- {
    display: none
}

@media (min-width: 768px) {
    ._1ErdEkZtQAc- {
        display:flex
    }

    .nI7EcifFbNE- {
        display: block
    }
}

@media (min-width: 1056px) {
    .Q10BSzcIOZQ- {
        width:27.5rem
    }

    .nlUAL-NU55U-:nth-child(4) {
        display: block
    }

    .nlUAL-NU55U-:nth-child(5) {
        display: block
    }
}

.MvciVua8sF8- {
    width: 100%;
    margin-top: 16px
}

.MYr737UWNbY- {
    color: var(--otkit-color-foreground-default);
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest);
    padding-bottom: 8px;
    margin: 16px 0
}

.yKAyVTgN6gs- {
    display: inline-block;
    align-self: flex-start;
    width: 100%
}

.FhWGa1XzEE0- {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    width: 100%
}

.boNHGevVUUw- {
    margin-bottom: 16px
}

.fxYwCXKJdS4- {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.fxYwCXKJdS4- [role=button] {
    margin-bottom: 4px
}

.ZpEYroHrd7o- {
    display: flex;
    align-self: flex-start;
    align-items: flex-end;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    color: var(--otkit-color-foreground-action);
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-default);
    vertical-align: middle;
    padding: 4px 8px
}

.ZpEYroHrd7o-:hover {
    border: .125rem solid var(--otkit-color-red);
    padding: calc(4px - .0625rem) calc(8px - .0625rem)
}

.RoxIbFsKB3w- {
    position: relative;
    top: -.125rem;
    vertical-align: middle;
    height: 1.25rem
}

._1zVhJDqExCw- {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 16px 0 32px
}

.y18EbPsbG-M- {
    color: var(--otkit-color-foreground-default);
    border-bottom: .0625rem solid var(--otkit-color-ash-lightest);
    padding-bottom: 8px;
    margin: 16px 0
}

.KKW2hfGfU1w- {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.KKW2hfGfU1w- [role=button] {
    margin-bottom: 4px
}

.vXKConSQy2o- {
    display: flex;
    align-self: flex-start;
    justify-content: center;
    align-items: flex-end;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    color: var(--otkit-color-foreground-action);
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-default);
    vertical-align: middle;
    padding: 4px 8px
}

.vXKConSQy2o-:hover {
    border: .125rem solid var(--otkit-color-red);
    padding: calc(4px - .0625rem) calc(8px - .0625rem)
}

.CQdwiwu0TlI- {
    position: relative;
    top: -.125rem;
    vertical-align: middle;
    height: 1.25rem
}

._237SrygFFN4- {
    margin-bottom: 16px
}

.NcgELFRqzPw- {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--otkit-color-foreground-action);
    cursor: pointer;
    padding: 0 4px;
    fill: var(--otkit-color-foreground-action)
}

.-Ba3wFPztPs- {
    color: var(--otkit-color-red-darker);
    text-decoration: underline
}

.NcgELFRqzPw-:hover {
    color: var(--otkit-color-red-dark);
    fill: var(--otkit-color-red-dark)
}

.NcgELFRqzPw- p {
    margin: 0 16px 0 0
}

._7SKh80ZTmDE- {
    height: 1.5rem
}

.eGnxz-GdTZ8- svg path {
    fill: var(--otkit-color-red-darker)
}

.iTiGQ-XQc7I- svg {
    fill: inherit
}

.iTiGQ-XQc7I- svg path {
    fill: inherit
}

.eGnxz-GdTZ8- svg {
    transform: rotate(180deg);
    transform-origin: center;
    fill: var(--otkit-color-red-darker)
}

.iTiGQ-XQc7I- svg {
    transition: transform .4s ease
}

.nbqbdtTG0zE- {
    width: 100%;
    margin-top: 16px
}

.SqzON-IaOwI- {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 1;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden
}

.MTfLEtlbDA0- {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 8px;
    padding: .125rem 0
}

.wF-ag7KLDAM- {
    font-weight: 500;
    text-align: center;
    color: var(--otkit-color-foreground-default);
    text-decoration: none
}

.Ytq8azWcwIM- {
    display: none
}

.UHjH4NUJBZ0- {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    color: var(--otkit-color-foreground-default);
    min-height: 1.25rem
}

.APtwO11pGCY- {
    color: var(--otkit-color-foreground-default)
}

.TrsIiEu29-0- {
    display: flex;
    align-items: center;
    min-height: 1.5rem;
    color: var(--otkit-color-foreground-default);
    margin-top: 8px
}

._1jJhj1zVP2E- {
    margin-right: 4px
}

.nzryaFvho4M- {
    box-sizing: border-box;
    width: 100%
}

.NTol-cw6DYY- {
    margin: 16px 0 8px;
    border-radius: 4px
}

._-5iGnHDgAaY- {
    display: flex;
    margin: 16px 0;
    justify-content: center;
    flex: 0 0 auto
}

.O5JZhOGlUYg- {
    display: none
}

.V9-H4EqcLwk- {
    max-width: 40rem;
    margin: 0 0 16px
}

@media (min-width: 768px) {
    .SqzON-IaOwI- {
        height:100%;
        padding: 16px 8px
    }

    .wF-ag7KLDAM- {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        padding: 0 1.5rem
    }

    .Ytq8azWcwIM- {
        display: flex;
        cursor: pointer;
        border: 0;
        background-color: transparent;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0
    }

    .O5JZhOGlUYg- {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 32px
    }

    .WtGp5CcarDY- {
        display: flex;
        padding-bottom: 8px;
        margin-bottom: 16px;
        border-bottom: .0625rem solid var(--otkit-color-ash-lightest);
        width: 100%
    }

    ._7wRMs0wQPUI- {
        display: block;
        padding: 0;
        margin: 0
    }
}

.MsNC6v2TfOw- {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-width: 100%;
    background-color: var(--otkit-color-background-default);
    border-radius: 4px;
    margin-right: 8px;
    padding: 0 16px 16px;
    cursor: pointer;
    height: 9.625rem
}

.ithCSJoJqE0- {
    display: flex;
    justify-content: center
}

@media (min-width: 768px) {
    .MsNC6v2TfOw- {
        margin:0 8px 16px 0;
        padding: 0 0 16px;
        width: calc(100% - 8px);
        height: auto;
        border-bottom: .0625rem solid var(--otkit-color-ash-lightest)
    }

    .MsNC6v2TfOw-:last-of-type {
        margin: 0 8px 0 0
    }

    .ithCSJoJqE0- {
        display: none
    }
}

.wEq-Ini408Y- {
    display: flex;
    margin-bottom: 8px
}

.SdrNySk-j8k- {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.lZ6P39XwTXE- {
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 4px;
    overflow: hidden
}

.MPnL03rQYxA- {
    box-sizing: border-box;
    width: calc(100% - 4.25rem);
    padding-left: 16px
}

._-8ExvdbRtDk- {
    display: flex
}

.hnwFSHG3ia4- {
    display: flex;
    gap: 4px
}

.OpXGyJ02Dfs- {
    margin: 0 0 0 -4px
}

.BB-iteHJ6Ag- {
    color: var(--otkit-color-foreground-default);
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dZ5tbBbPBN8- {
    padding: 8px;
    border-radius: 4px
}

.WsceIXifo4k- {
    display: none
}

.eW--qtK3CbQ- {
    margin: 0 0 8px;
    line-height: 1
}

.bXihDW79iIw- {
    display: flex
}

._8hCFxLAvDuE- {
    margin: 0 0 0 -4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._8hCFxLAvDuE-:before {
    content: "\2022  "
}

@media (min-width: 768px) {
    .wEq-Ini408Y- {
        margin-bottom:0
    }

    .MPnL03rQYxA- {
        width: calc(100% - 4.625rem);
        padding-left: 8px
    }

    .dZ5tbBbPBN8- {
        display: none
    }

    .lZ6P39XwTXE- {
        width: 4.625rem;
        height: 4.625rem
    }

    .WsceIXifo4k- {
        display: flex
    }
}

@media (min-width: 1056px) {
    .MPnL03rQYxA- {
        width:calc(100% - 8.125rem);
        padding-left: 16px
    }

    .lZ6P39XwTXE- {
        width: 8.125rem;
        height: 8.125rem
    }
}

._5nwLmqfJC-Q- {
    margin: 8px 0;
    font-size: 14px;
    font-weight: 500
}

._9jaZkjEyimg- {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 4px
}

._9jaZkjEyimg- [role=button] {
    margin-bottom: 4px
}

.T0KfXgn58kQ- {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    color: var(--otkit-color-foreground-action);
    border-radius: 4px;
    border: .0625rem solid var(--otkit-color-border-default);
    vertical-align: middle;
    padding: 4px 8px
}

.T0KfXgn58kQ-:hover {
    border: .125rem solid var(--otkit-color-red);
    padding: calc(4px - .0625rem) calc(8px - .0625rem)
}

.KYalTBfxGYU- {
    color: var(--otkit-color-foreground-default)
}

._4SQIngtivRw- {
    position: relative;
    top: -.125rem;
    vertical-align: middle;
    height: 1.25rem
}

.jPXenL82kGw- svg path {
    fill: var(--otkit-color-red-darker)
}

.xn-Yb3L6I2g- svg {
    fill: inherit
}

.xn-Yb3L6I2g- svg path {
    fill: inherit
}

.jPXenL82kGw- svg {
    transform: rotate(180deg);
    transform-origin: center;
    fill: var(--otkit-color-red-darker)
}

.xn-Yb3L6I2g- svg {
    transition: transform .4s ease
}

.gsjP75-hggw- {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px
}

.C7Tp-bANpE4- {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ukvN6yaH1Ds- {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.Ex-dZnj8Nqs- {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.ErHdNKVniCQ- {
    font-size: 48px;
    font-weight: 700;
    line-height: 56px
}

.f6kbs2Q1ylU- {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px
}

.bg3p57GxXus- {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

._-7pM-Oc3cZg- {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.FN-PYpf2E6Q- {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.ciu9fF9m-z0- {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.yaIJ9q73X-w- {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

.awsrm1Comto- {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

._23L9sVXoYO4- {
    width: 100%;
    display: flex
}

.n5sUxKMprLs- {
    position: fixed;
    inset: 0;
    z-index: 10
}

.n5sUxKMprLs-._1Q16ndi174I- {
    z-index: 100
}

.yRHQLnHRh38- {
    width: 100%;
    height: 100%
}

.r-mG0g2iCGE- {
    position: absolute;
    top: 16px;
    left: 16px
}

.ppsbDt7JeTQ- {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 20;
    padding: 8px;
    display: flex;
    justify-content: center
}

._3iGFkC7N0fM- {
    position: relative;
    padding: 0 8px;
    border-top: .0625rem solid var(--otkit-color-border-divider);
    border-bottom: .0625rem solid var(--otkit-color-border-divider)
}

.UzcO93t5Fvw- {
    overflow: hidden
}

.Sji5Ff5nlZc- {
    display: none
}

.kNRjUWTyGkk- {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 8px;
    background-color: #ffffffd9
}

@media (min-width: 768px) {
    ._23L9sVXoYO4- {
        height:85vh;
        margin: 0 0 16px;
        border-top: .0625rem solid var(--otkit-color-border-divider)
    }

    .r-mG0g2iCGE- {
        display: none
    }

    .ppsbDt7JeTQ- {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        bottom: initial;
        right: initial;
        left: initial;
        background-color: var(--otkit-color-background-default);
        width: 16.5rem;
        height: 100%;
        padding: 0;
        overflow-x: hidden
    }

    .Ygsu7LactdQ- {
        padding: 0 0 0 8px
    }

    .n5sUxKMprLs- {
        position: relative;
        flex: 1 1 auto;
        height: 100%;
        z-index: 20
    }

    .Sji5Ff5nlZc- {
        display: flex;
        flex-direction: column;
        padding: 0 8px 8px;
        border-bottom: .0625rem solid var(--otkit-color-border-divider);
        margin-bottom: 16px
    }

    .olsphJcPq34- {
        color: var(--otkit-color-foreground-default);
        margin-bottom: 16px
    }

    .c6bw2cUg4qY- {
        display: flex;
        align-items: center;
        padding: 0;
        margin: 0;
        background: transparent;
        border: 0;
        cursor: pointer;
        color: var(--otkit-color-foreground-action);
        position: relative;
        left: -.375rem;
        width: -moz-fit-content;
        width: fit-content
    }

    .wVPiRwbeJMU- {
        padding: 8px 0 0
    }

    .cZuQCZ-0p2E- {
        width: 12.5rem;
        top: 8px;
        right: -.5rem
    }

    .BWuQr1kBfXk- path {
        fill: var(--otkit-color-foreground-action)
    }

    .UzcO93t5Fvw- {
        overflow: initial
    }

    .n9utpnb3Pu0- {
        overflow: hidden
    }

    .kNRjUWTyGkk- {
        inset: 0
    }
}

@media (min-width: 1056px) {
    .ppsbDt7JeTQ- {
        width:27.5rem
    }

    .cZuQCZ-0p2E- {
        width: 17.1875rem
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */