/*!
Theme Name: Spinoko
Theme URI: https://dinomatic.com/themes/spinoko
Author: DinoMatic
Author URI: https://dinomatic.com
Description: Spinoko Casino Affiliate Theme - The best casino affiliate theme around: powerful, feature-rich, modern and easy-to-use. Spinoko helps you start and manage a successful affiliate business.
Version: 2.6.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: spinoko
*/
/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/
*, :after, :before
{
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
}
:after, :before
{
    --tw-content: "";
}
:host, html
{
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
body
{
    line-height: inherit;
    margin: 0;
}
hr
{
    border-top-width: 1px;
    color: inherit;
    height: 0;
}
abbr:where([title])
{
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6
{
    font-size: inherit;
    font-weight: inherit;
}
a
{
    color: inherit;
    text-decoration: inherit;
}
b, strong
{
    font-weight: bolder;
}
code, kbd, pre, samp
{
    font-feature-settings: normal;
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em;
    font-variation-settings: normal;
}
small
{
    font-size: 80%;
}
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}
table
{
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
}
button, input, optgroup, select, textarea
{
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
button, select
{
    text-transform: none;
}
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit])
{
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring
{
    outline: auto;
}
:-moz-ui-invalid
{
    box-shadow: none;
}
progress
{
    vertical-align: baseline;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button
{
    height: auto;
}
[type=search]
{
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration
{
    -webkit-appearance: none;
}
::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit;
}
summary
{
    display: list-item;
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre
{
    margin: 0;
}
fieldset
{
    margin: 0;
}
fieldset, legend
{
    padding: 0;
}
menu, ol, ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog
{
    padding: 0;
}
textarea
{
    resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder
{
    color: #9ca3af;
    opacity: 1;
}
input::placeholder, textarea::placeholder
{
    color: #9ca3af;
    opacity: 1;
}
[role=button], button
{
    cursor: pointer;
}
:disabled
{
    cursor: default;
}
audio, canvas, embed, iframe, img, object, svg, video
{
    display: block;
    vertical-align: middle;
}
img, video
{
    height: auto;
    max-width: 100%;
}
[hidden]
{
    display: none;
}
*, :after, :before
{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
::backdrop
{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
:root
{
    --container-width: 100%;
    --color-info: #93c5fd;
    --color-error: #fca5a5;
    --color-success: #86efac;
    --color-light: #e2e8f0;
    --color-neutral: #596575;
    --color-dark: #1e293b;
    --color-link: #b91c1c;
    --color-link-hover: #7f1d1d;
    --color-primary: #2563eb;
    --color-primary-hover: #1e3a8a;
    --color-primary-contrast: #d5bc9a;
    --color-secondary: #b91c1c;
    --color-secondary-hover: #7f1d1d;
    --color-secondary-contrast: #3acfcf;
    --color-star: #dc2626;
    --color-hero-text: #e2e8f0;
    --color-hero-bg: #1e293b;
    --color-hero-top: #0f172a;
    --color-hero-bottom: #334155;
    --color-body-text: #000;
    --color-body-bg: #fff;
    --color-table-highlight: #2563eb;
    --color-payment-icon: #303c42;
    --spinoko-border-radius: .5rem;
    --spinoko-box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
    --spinoko-box-shadow-hover: 0 25px 50px -12px rgba(0,0,0,.25);
    --spinoko-transition-duration: .3s;
    --spinoko-font-size: 1rem;
    --spinoko-font-family: "'Exo 2', sans-serif";
    --spinoko-sticky-text: "STICKY";
}
@media(min-width: 640px)
{
    :root
    {
        --container-width: 640px;
    }
}
@media(min-width: 768px)
{
    :root
    {
        --container-width: 768px;
    }
}
@media(min-width: 1024px)
{
    :root
    {
        --container-width: 1056px;
    }
}
body, html
{
    scroll-behavior: smooth;
}
*, :after, :before
{
    word-wrap: break-word;
    word-break: break-word;
}
.gradient-hero
{
    background: linear-gradient(180deg,#e8edf2 80%,var(--color-body-bg));
}
.gradient-hero__full
{
    background: linear-gradient(180deg,var(--color-hero-top) 20%,var(--color-hero-bottom));
}
.flex-center
{
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}
.cta-pattern
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0a1 1 0 0 1 1 .99v4.02C6 5.555 5.556 6 5 6a1 1 0 0 1-1-.99V.99zm6 8c0-.546.444-.99 1-.99a1 1 0 0 1 1 .99v4.02c0 .546-.444.99-1 .99a1 1 0 0 1-1-.99V8.99z' fill='%23cacdd1' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.custom-logo-link
{
    height: 36px;
    padding-right: 1rem;
}
.custom-logo-link img
{
    display: block;
    max-height: 100%;
    position: relative;
    width: auto;
    z-index: 50;
}
.sticky-post .thumbnail-wrapper:before
{
    --tw-text-opacity: 1;
    background-color: var(--color-link);
    bottom: 0;
    color: rgb(255 255 255/var(--tw-text-opacity));
    content: var(--spinoko-sticky-text);
    font-size: .875rem;
    font-weight: 700;
    left: 0;
    line-height: 1.25rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 5;
}
.sticky-post .thumbnail-wrapper.spinoko_rounded:before
{
    border-radius: 0 0 var(--spinoko-border-radius) var(--spinoko-border-radius);
}
.entry-footer a
{
    color: var(--color-light);
}
.entry-footer a:hover
{
    color: var(--color-neutral);
}
.sr-only:focus
{
    clip: auto!important;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .85rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
#content[tabindex="-1"]:focus
{
    outline: 0;
}
svg.icon
{
    fill: currentColor;
    height: 1rem;
    width: 1rem;
}
svg.icon.icon-fill-none
{
    fill: none;
}
svg.icon.icon-stroke-base
{
    stroke: currentColor;
}
svg.icon.icon-stroke-none
{
    stroke: none;
}
svg.icon.icon-3
{
    height: .75rem;
    width: .75rem;
}
svg.icon.icon-5
{
    height: 1.25rem;
    width: 1.25rem;
}
svg.icon.icon-6
{
    height: 1.5rem;
    width: 1.5rem;
}
svg.icon.icon-8
{
    height: 2rem;
    width: 2rem;
}
svg.icon.icon-10
{
    height: 2.5rem;
    width: 2.5rem;
}
svg.icon.icon-12
{
    height: 3rem;
    width: 3rem;
}
svg.icon.icon-24
{
    height: 6rem;
    width: 6rem;
}
svg.icon.icon-flag
{
    height: 2rem;
    width: 3rem;
}
a
{
    color: var(--color-link);
    transition: color .2s;
}
a:hover
{
    color: var(--color-link-hover);
}
.entry-content a
{
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
.entry-content a.no-underline
{
    text-decoration: none;
}
a.button-casino, button.button-casino, input[type=submit].button-casino
{
    border-width: 2px;
    color: var(--color-light);
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    text-align: center;
    text-decoration-line: none;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.entry-content a button.button-casino, .entry-content a input[type=submit].button-casino, .entry-content aa.button-casino
{
    text-decoration: none;
}
a.button-casino, button.button-casino, input[type=submit].button-casino
{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    padding-bottom: .25rem;
    padding-top: .25rem;
}
a.button-casino:hover, button.button-casino:hover, input[type=submit].button-casino:hover
{
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-light);
}
a.button-casino.button-casino__inline, button.button-casino.button-casino__inline, input[type=submit].button-casino.button-casino__inline
{
    display: inline-block;
}
a.button-casino.button-casino__thick, button.button-casino.button-casino__thick, input[type=submit].button-casino.button-casino__thick
{
    padding-bottom: .5rem;
    padding-top: .5rem;
}
a.button-casino.button-casino__wide, button.button-casino.button-casino__wide, input[type=submit].button-casino.button-casino__wide
{
    padding-left: 3rem;
    padding-right: 3rem;
}
a.button-casino.button-casino__no_padding, button.button-casino.button-casino__no_padding, input[type=submit].button-casino.button-casino__no_padding
{
    padding: 0;
}
a.button-casino.button-casino__outline, button.button-casino.button-casino__outline, input[type=submit].button-casino.button-casino__outline
{
    background-color: transparent;
    color: var(--color-primary);
}
a.button-casino.button-casino__outline:hover, button.button-casino.button-casino__outline:hover, input[type=submit].button-casino.button-casino__outline:hover
{
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-light);
}
.main-navigation button.menu-toggle .menu-toggle--open
{
    display: block;
}
.main-navigation button.menu-toggle .menu-toggle--close
{
    display: none;
}
.main-navigation>div
{
    background-color: var(--color-dark);
    left: calc((100% - var(--container-width)) / 2);
    max-height: 100vh;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-top: 4rem;
    position: fixed;
    top: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: var(--container-width);
}
@media(min-width: 768px)
{
    .main-navigation>div
    {
        left: calc((100% - var(--container-width)) / 2 + 1rem);
        width: calc(var(--container-width) - 2rem);
    }
}
.main-navigation>div>ul
{
    width: 100%;
}
.main-navigation>div>ul li
{
    margin-bottom: 1rem;
}
.main-navigation>div>ul li a
{
    color: var(--color-light);
    font-weight: 700;
    text-transform: uppercase;
}
.main-navigation>div>ul li ul
{
    margin-top: .5rem;
    padding-left: 1rem;
}
.main-navigation>div>ul li ul li:before
{
    content: "↳";
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-right: .5rem;
    opacity: .25;
    vertical-align: middle;
}
.main-navigation>div>ul li ul li:last-child
{
    margin-bottom: 0;
}
.main-navigation.toggled>div
{
    transform: scaleY(1);
}
.main-navigation.toggled button.menu-toggle .menu-toggle--open
{
    display: none;
}
.main-navigation.toggled button.menu-toggle .menu-toggle--close
{
    display: block;
}
.site-search+.site-notifications
{
    margin-inline-start: 1rem;
}
.site-notifications .toggle-header-notifications .bell-read, .site-notifications .toggle-header-notifications .bell-unread
{
    fill: none;
}
.site-notifications .toggle-header-notifications .bell-read, .site-notifications .toggle-header-notifications.read .bell-unread
{
    display: none;
}
.site-notifications .toggle-header-notifications.read .bell-read
{
    display: block;
}
.site-notifications .header-notifications
{
    max-height: calc(100vh - 52px);
    top: 52px;
    transform: scaleY(0);
    transform-origin: top;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.site-notifications .header-notifications.toggled
{
    transform: scaleY(1);
}
@media(min-width: 640px)
{
    .n10n-custom
    {
        grid-template-rows: auto 1fr;
    }
    .n10n-custom img
    {
        grid-column: 1;
        grid-row: 1/3;
    }
    .n10n-custom span
    {
        grid-column: 2/4;
        grid-row: 1;
    }
    .n10n-custom>div
    {
        grid-column: 2/4;
        grid-row: 2;
    }
    .n10n-feed__small .post-wrapper
    {
        grid-template-columns: 240px 1fr;
    }
}
body:not(.rtl) .spinoko_rounded_top
{
    border-top-left-radius: var(--spinoko-border-radius);
    border-top-right-radius: var(--spinoko-border-radius);
}
body:not(.rtl) .spinoko_rounded_top_inner
{
    border-top-left-radius: calc(var(--spinoko-border-radius) / 2);
    border-top-right-radius: calc(var(--spinoko-border-radius) / 2);
}
body:not(.rtl) .spinoko_rounded_top_none
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
@media(min-width: 768px)
{
    body:not(.rtl) .md\:spinoko_rounded_top
    {
        border-top-left-radius: var(--spinoko-border-radius);
        border-top-right-radius: var(--spinoko-border-radius);
    }
    body:not(.rtl) .md\:spinoko_rounded_top_inner
    {
        border-top-left-radius: calc(var(--spinoko-border-radius) / 2);
        border-top-right-radius: calc(var(--spinoko-border-radius) / 2);
    }
    body:not(.rtl) .md\:spinoko_rounded_top_none
    {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}
body:not(.rtl) .spinoko_rounded_bottom
{
    border-bottom-left-radius: var(--spinoko-border-radius);
    border-bottom-right-radius: var(--spinoko-border-radius);
}
body:not(.rtl) .spinoko_rounded_bottom_inner
{
    border-bottom-left-radius: calc(var(--spinoko-border-radius) / 2);
    border-bottom-right-radius: calc(var(--spinoko-border-radius) / 2);
}
body:not(.rtl) .spinoko_rounded_bottom_none
{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
@media(min-width: 768px)
{
    body:not(.rtl) .md\:spinoko_rounded_bottom
    {
        border-bottom-left-radius: var(--spinoko-border-radius);
        border-bottom-right-radius: var(--spinoko-border-radius);
    }
    body:not(.rtl) .md\:spinoko_rounded_bottom_inner
    {
        border-bottom-left-radius: calc(var(--spinoko-border-radius) / 2);
        border-bottom-right-radius: calc(var(--spinoko-border-radius) / 2);
    }
    body:not(.rtl) .md\:spinoko_rounded_bottom_none
    {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}
body:not(.rtl) .spinoko_rounded_left
{
    border-bottom-left-radius: var(--spinoko-border-radius);
    border-top-left-radius: var(--spinoko-border-radius);
}
body:not(.rtl) .spinoko_rounded_left_inner
{
    border-bottom-left-radius: calc(var(--spinoko-border-radius) / 2);
    border-top-left-radius: calc(var(--spinoko-border-radius) / 2);
}
body:not(.rtl) .spinoko_rounded_left_none
{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
@media(min-width: 768px)
{
    body:not(.rtl) .md\:spinoko_rounded_left
    {
        border-bottom-left-radius: var(--spinoko-border-radius);
        border-top-left-radius: var(--spinoko-border-radius);
    }
    body:not(.rtl) .md\:spinoko_rounded_left_inner
    {
        border-bottom-left-radius: calc(var(--spinoko-border-radius) / 2);
        border-top-left-radius: calc(var(--spinoko-border-radius) / 2);
    }
    body:not(.rtl) .md\:spinoko_rounded_left_none
    {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
}
body:not(.rtl) .spinoko_rounded_right
{
    border-bottom-right-radius: var(--spinoko-border-radius);
    border-top-right-radius: var(--spinoko-border-radius);
}
body:not(.rtl) .spinoko_rounded_right_inner
{
    border-bottom-right-radius: calc(var(--spinoko-border-radius) / 2);
    border-top-right-radius: calc(var(--spinoko-border-radius) / 2);
}
body:not(.rtl) .spinoko_rounded_right_none
{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
@media(min-width: 768px)
{
    body:not(.rtl) .md\:spinoko_rounded_right
    {
        border-bottom-right-radius: var(--spinoko-border-radius);
        border-top-right-radius: var(--spinoko-border-radius);
    }
    body:not(.rtl) .md\:spinoko_rounded_right_inner
    {
        border-bottom-right-radius: calc(var(--spinoko-border-radius) / 2);
        border-top-right-radius: calc(var(--spinoko-border-radius) / 2);
    }
    body:not(.rtl) .md\:spinoko_rounded_right_none
    {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
}
.review-grid .grid-item a
{
    text-decoration: none;
}
.review-grid-cols-2
{
    grid-template-columns: repeat(1,minmax(0,1fr));
}
@media(min-width: 768px)
{
    .review-grid-cols-2
    {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}
.review-grid-cols-3
{
    grid-template-columns: repeat(1,minmax(0,1fr));
}
@media(min-width: 768px)
{
    .review-grid-cols-3
    {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}
@media(min-width: 1024px)
{
    .review-grid-cols-3
    {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}
.review-grid-cols-4
{
    grid-template-columns: repeat(1,minmax(0,1fr));
}
@media(min-width: 768px)
{
    .review-grid-cols-4
    {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}
@media(min-width: 1024px)
{
    .review-grid-cols-4
    {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
}
.review-grid-wrapper__horizontal_scrolling
{
    overflow-x: auto;
}
.review-grid-wrapper__horizontal_scrolling .review-grid-cols-2
{
    grid-template-columns: repeat(2,minmax(280px,1fr));
}
@media(min-width: 1024px)
{
    .review-grid-wrapper__horizontal_scrolling .review-grid-cols-2
    {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}
.review-grid-wrapper__horizontal_scrolling .review-grid-cols-3
{
    grid-template-columns: repeat(3,minmax(280px,1fr));
}
@media(min-width: 1024px)
{
    .review-grid-wrapper__horizontal_scrolling .review-grid-cols-3
    {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}
.review-grid-wrapper__horizontal_scrolling .review-grid-cols-4
{
    grid-template-columns: repeat(4,minmax(280px,1fr));
}
@media(min-width: 1024px)
{
    .review-grid-wrapper__horizontal_scrolling .review-grid-cols-4
    {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
}
.review-grid .grid-item[data-loaded=false]
{
    display: none;
}
@media(min-width: 768px)
{
    .review-table .table-item
    {
        grid-template-columns: 10rem 1fr 14rem;
    }
}
@media(min-width: 1024px)
{
    .review-table .table-item
    {
        grid-template-columns: 14rem 1fr 14rem;
    }
}
.review-table .table-item a
{
    text-decoration: none;
}
@media(min-width: 768px)
{
    .review-table .table-item.table-item__thin
    {
        grid-template-columns: 10rem 1fr 14rem;
    }
    .review-table .table-item.table-item__thin .table--name
    {
        display: none;
    }
}
@media(min-width: 1024px)
{
    .review-table .table-item.table-item__thin
    {
        grid-template-columns: 10rem 14rem 1fr 14rem;
    }
    .review-table .table-item.table-item__thin .table--name
    {
        display: block;
    }
}
.review-table .table-item[data-loaded=false]
{
    display: none;
}
@media(min-width: 768px)
{
    .review-table.review-table__single .table-item
    {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .review-table.review-table__single .table-item .table--rating .rating-stars
    {
        justify-content: flex-start;
    }
}
.review-table[data-highlight=true] .table-item[data-default="1"]
{
    border-color: var(--color-table-highlight);
    border-width: 2px;
    position: relative;
    transform: scale(1.01);
}
.review-table[data-highlight=true] .table-item[data-default="1"]:before
{
    background-color: var(--color-table-highlight);
    border-radius: .25rem;
    color: var(--color-light);
    content: var(--table-highlight-label);
    font-size: .875rem;
    font-weight: 700;
    left: 0;
    line-height: 1.25rem;
    margin-top: -.85rem;
    margin-inline-start: 1rem;
    padding-block: 1px;
    padding-inline: .5rem;
    position: absolute;
    top: 0;
}
.review-table[data-highlight=true][data-option="2"] .table-item[data-default="1"]:before, .review-table[data-highlight=true][data-option="5"] .table-item[data-default="1"]:before
{
    margin-inline-start: 2rem;
}
.listing-tools .arrow
{
    display: none;
}
.listing-tools .sorted
{
    font-weight: 700;
}
.listing-tools .sorted .arrow
{
    display: block;
}
.listing-tools button[data-sort=default]
{
    color: var(--color-error);
    font-weight: 700;
}
.listing-tools[data-sort=desc][data-sorted=default] button[data-sort=default]
{
    display: none;
}
.listing-tools .table-filter--checkbox
{
    margin-block-end: 0;
    width: 2rem;
}
.listing-tools[data-filters] .expand-filters
{
    border-color: var(--color-neutral);
}
.listing-tools[data-filters] .expand-filters span:last-of-type
{
    color: var(--color-dark);
}
.listing-tools[data-filters] .remove-filters
{
    display: block;
}
.listing-tools[data-filters] label span:last-of-type
{
    display: none;
}
.entry-content .spinoko-finder--input
{
    border-color: var(--color-primary);
    margin-block-end: 0;
    padding-inline-start: 1rem;
    width: 100%;
}
.finder-results
{
    max-height: 348px;
}
.finder-results.loading
{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: var(--spinoko-border-radius);
}
.sticky-post .thumbnail-wrapper.finder-results.loading:before
{
    border-radius: 0 0 var(--spinoko-border-radius) var(--spinoko-border-radius);
}
.finder-results.loading
{
    height: 100px;
}
.\!container
{
    max-width: var(--container-width)!important;
    width: 100%!important;
}
.container
{
    max-width: var(--container-width);
    width: 100%;
}
.font-spinoko
{
    font-family: var(--spinoko-font-family);
}
.text-spinoko
{
    font-size: var(--spinoko-font-size);
}
.spinoko_shadow
{
    box-shadow: var(--spinoko-box-shadow);
}
.spinoko_transition
{
    transition-duration: var(--spinoko-transition-duration);
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.spinoko_transition:hover
{
    box-shadow: var(--spinoko-box-shadow-hover);
}
.spinoko_rounded
{
    border-radius: var(--spinoko-border-radius);
}
.spinoko_rounded_inner
{
    border-radius: calc(var(--spinoko-border-radius) / 2);
}
.spinoko_rounded_none
{
    border-radius: 0;
}
.sr-only
{
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.pointer-events-none
{
    pointer-events: none;
}
.visible
{
    visibility: visible;
}
.static
{
    position: static;
}
.fixed
{
    position: fixed;
}
.absolute
{
    position: absolute;
}
.relative
{
    position: relative;
}
.sticky
{
    position: sticky;
}
.bottom-0
{
    bottom: 0;
}
.left-0
{
    left: 0;
}
.right-0
{
    right: 0;
}
.top-0
{
    top: 0;
}
.z-10
{
    z-index: 10;
}
.z-20
{
    z-index: 20;
}
.z-50
{
    z-index: 50;
}
.z-\[5\]
{
    z-index: 5;
}
.col-span-2
{
    grid-column: span 2/span 2;
}
.col-span-3
{
    grid-column: span 3/span 3;
}
.col-span-4
{
    grid-column: span 4/span 4;
}
.row-start-2
{
    grid-row-start: 2;
}
.\!block
{
    display: block!important;
}
.block
{
    display: block;
}
.inline-block
{
    display: inline-block;
}
.inline
{
    display: inline;
}
.flex
{
    display: flex;
}
.\!table
{
    display: table!important;
}
.table
{
    display: table;
}
.grid
{
    display: grid;
}
.contents
{
    display: contents;
}
.hidden
{
    display: none;
}
.size-12
{
    height: 3rem;
    width: 3rem;
}
.h-10
{
    height: 2.5rem;
}
.h-12
{
    height: 3rem;
}
.h-20
{
    height: 5rem;
}
.h-24
{
    height: 6rem;
}
.h-32
{
    height: 8rem;
}
.h-48
{
    height: 12rem;
}
.h-6
{
    height: 1.5rem;
}
.h-64
{
    height: 16rem;
}
.h-8
{
    height: 2rem;
}
.h-80
{
    height: 20rem;
}
.h-\[42px\]
{
    height: 42px;
}
.h-\[68px\]
{
    height: 68px;
}
.h-full
{
    height: 100%;
}
.h-header
{
    height: 52px;
}
.h-screen
{
    height: 100vh;
}
.max-h-64
{
    max-height: 16rem;
}
.max-h-full
{
    max-height: 100%;
}
.min-h-\[12rem\]
{
    min-height: 12rem;
}
.w-1\/2
{
    width: 50%;
}
.w-24
{
    width: 6rem;
}
.w-40
{
    width: 10rem;
}
.w-48
{
    width: 12rem;
}
.w-8
{
    width: 2rem;
}
.w-80
{
    width: 20rem;
}
.w-full
{
    width: 100%;
}
.min-w-24
{
    min-width: 6rem;
}
.min-w-\[16rem\]
{
    min-width: 16rem;
}
.max-w-2xl
{
    max-width: 42rem;
}
.max-w-\[16rem\]
{
    max-width: 16rem;
}
.max-w-\[220px\]
{
    max-width: 220px;
}
.max-w-full
{
    max-width: 100%;
}
.max-w-max
{
    max-width: -moz-max-content;
    max-width: max-content;
}
.max-w-md
{
    max-width: 28rem;
}
.max-w-sm
{
    max-width: 24rem;
}
.max-w-xs
{
    max-width: 20rem;
}
.flex-1
{
    flex: 1 1 0%;
}
.flex-shrink-0
{
    flex-shrink: 0;
}
.flex-grow, .grow
{
    flex-grow: 1;
}
.scale-\[1\.02\]
{
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
}
.scale-\[1\.02\], .transform
{
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer
{
    cursor: pointer;
}
.list-none
{
    list-style-type: none;
}
.appearance-none
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.grid-cols-1
{
    grid-template-columns: repeat(1,minmax(0,1fr));
}
.grid-cols-2
{
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.grid-cols-3
{
    grid-template-columns: repeat(3,minmax(0,1fr));
}
.grid-cols-5
{
    grid-template-columns: repeat(5,minmax(0,1fr));
}
.grid-cols-\[1fr_48px\]
{
    grid-template-columns: 1fr 48px;
}
.grid-cols-\[80px_1fr_1fr_1fr\]
{
    grid-template-columns: 80px 1fr 1fr 1fr;
}
.grid-cols-\[96px_1fr_1fr_1fr\]
{
    grid-template-columns: 96px 1fr 1fr 1fr;
}
.flex-col
{
    flex-direction: column;
}
.flex-wrap
{
    flex-wrap: wrap;
}
.content-center
{
    align-content: center;
}
.items-start
{
    align-items: flex-start;
}
.items-end
{
    align-items: flex-end;
}
.items-center
{
    align-items: center;
}
.items-baseline
{
    align-items: baseline;
}
.justify-start
{
    justify-content: flex-start;
}
.justify-end
{
    justify-content: flex-end;
}
.justify-center
{
    justify-content: center;
}
.justify-between
{
    justify-content: space-between;
}
.gap-0
{
    gap: 0;
}
.gap-16
{
    gap: 4rem;
}
.gap-4
{
    gap: 1rem;
}
.gap-8
{
    gap: 2rem;
}
.gap-x-1
{
    -moz-column-gap: .25rem;
    column-gap: .25rem;
}
.space-x-2>:not([hidden])~:not([hidden])
{
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
}
.self-start
{
    align-self: flex-start;
}
.overflow-hidden
{
    overflow: hidden;
}
.overflow-y-auto
{
    overflow-y: auto;
}
.overflow-y-scroll
{
    overflow-y: scroll;
}
.rounded
{
    border-radius: .25rem;
}
.rounded-full
{
    border-radius: 9999px;
}
.rounded-b
{
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.border
{
    border-width: 1px;
}
.border-2
{
    border-width: 2px;
}
.border-b
{
    border-bottom-width: 1px;
}
.border-b-4
{
    border-bottom-width: 4px;
}
.border-t
{
    border-top-width: 1px;
}
.border-white
{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
}
.bg-transparent
{
    background-color: transparent;
}
.bg-white
{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.bg-cover
{
    background-size: cover;
}
.bg-center
{
    background-position: 50%;
}
.bg-no-repeat
{
    background-repeat: no-repeat;
}
.fill-none
{
    fill: none;
}
.stroke-current
{
    stroke: currentColor;
}
.text-left
{
    text-align: left;
}
.text-center
{
    text-align: center;
}
.text-right
{
    text-align: right;
}
.text-2xl
{
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-3xl
{
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-4xl
{
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-5xl
{
    font-size: 3rem;
    line-height: 1;
}
.text-base
{
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg
{
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm
{
    font-size: .875rem;
    line-height: 1.25rem;
}
.text-xl
{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs
{
    font-size: .75rem;
    line-height: 1rem;
}
.font-bold
{
    font-weight: 700;
}
.font-normal
{
    font-weight: 400;
}
.uppercase
{
    text-transform: uppercase;
}
.leading-none
{
    line-height: 1;
}
.leading-tight
{
    line-height: 1.25;
}
.text-black
{
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
}
.text-white
{
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
}
.no-underline
{
    text-decoration-line: none;
}
.antialiased
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.opacity-100
{
    opacity: 1;
}
.opacity-50
{
    opacity: .5;
}
.opacity-75
{
    opacity: .75;
}
.shadow
{
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
}
.shadow, .shadow-lg
{
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-lg
{
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
}
.filter
{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition
{
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.transition-transform
{
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.duration-500
{
    transition-duration: .5s;
}
.ease-linear
{
    transition-timing-function: linear;
}
.sp-pl-1
{
    padding-inline-start: .25rem;
}
.sp-ml-2
{
    margin-inline-start: .5rem;
}
.sp-pl-2
{
    padding-inline-start: .5rem;
}
.sp-ml-4
{
    margin-inline-start: 1rem;
}
.sp-pl-4
{
    padding-inline-start: 1rem;
}
.sp-mr-1
{
    margin-inline-end: .25rem;
}
.sp-mr-2
{
    margin-inline-end: .5rem;
}
.sp-pr-2
{
    padding-inline-end: .5rem;
}
.sp-pr-4
{
    padding-inline-end: 1rem;
}
.sp-pr-6
{
    padding-inline-end: 1.5rem;
}
.sp-mr-8
{
    margin-inline-end: 2rem;
}
.sp-pr-10
{
    padding-inline-end: 2.5rem;
}
.sp-mt-0
{
    margin-block-start: 0;
}
.sp-pt-0
{
    padding-block-start: 0;
}
.sp-mt-1
{
    margin-block-start: .25rem;
}
.sp-pt-1
{
    padding-block-start: .25rem;
}
.sp-mt-2
{
    margin-block-start: .5rem;
}
.sp-pt-2
{
    padding-block-start: .5rem;
}
.sp-mt-4
{
    margin-block-start: 1rem;
}
.sp-pt-4
{
    padding-block-start: 1rem;
}
.sp-pt-6
{
    padding-block-start: 1.5rem;
}
.sp-mt-8
{
    margin-block-start: 2rem;
}
.sp-pt-8
{
    padding-block-start: 2rem;
}
.sp-mt-12
{
    margin-block-start: 3rem;
}
.sp-mt-16
{
    margin-block-start: 4rem;
}
.sp-pt-16
{
    padding-block-start: 4rem;
}
.sp-mt-0\.5
{
    margin-block-start: .125rem;
}
.sp-mb-0
{
    margin-block-end: 0;
}
.sp-my-0
{
    margin-block: 0;
}
.sp-p-0
{
    padding: 0;
}
.sp-px-0
{
    padding-inline: 0;
}
.sp-py-0
{
    padding-block: 0;
}
.sp-mb-1
{
    margin-block-end: .25rem;
}
.sp-mx-1
{
    margin-inline: .25rem;
}
.sp-pb-1
{
    padding-block-end: .25rem;
}
.sp-p-1
{
    padding: .25rem;
}
.sp-py-1
{
    padding-block: .25rem;
}
.sp-mb-2
{
    margin-block-end: .5rem;
}
.sp-my-2
{
    margin-block: .5rem;
}
.sp-pb-2
{
    padding-block-end: .5rem;
}
.sp-p-2
{
    padding: .5rem;
}
.sp-px-2
{
    padding-inline: .5rem;
}
.sp-py-2
{
    padding-block: .5rem;
}
.sp-mb-4
{
    margin-block-end: 1rem;
}
.sp-mx-4
{
    margin-inline: 1rem;
}
.sp-my-4
{
    margin-block: 1rem;
}
.sp-pb-4
{
    padding-block-end: 1rem;
}
.sp-p-4
{
    padding: 1rem;
}
.sp-px-4
{
    padding-inline: 1rem;
}
.sp-py-4
{
    padding-block: 1rem;
}
.sp-mb-6
{
    margin-block-end: 1.5rem;
}
.sp-my-6
{
    margin-block: 1.5rem;
}
.sp-mb-8
{
    margin-block-end: 2rem;
}
.sp-my-8
{
    margin-block: 2rem;
}
.sp-pb-8
{
    padding-block-end: 2rem;
}
.sp-p-8
{
    padding: 2rem;
}
.sp-px-8
{
    padding-inline: 2rem;
}
.sp-py-8
{
    padding-block: 2rem;
}
.sp-mb-12
{
    margin-block-end: 3rem;
}
.sp-mb-16
{
    margin-block-end: 4rem;
}
.sp-py-16
{
    padding-block: 4rem;
}
.sp-py-32
{
    padding-block: 8rem;
}
.sp-py-1\.5
{
    padding-block: .375rem;
}
.sp-ml-auto
{
    margin-inline-start: auto;
}
.sp-m-auto
{
    margin: auto;
}
.sp-mx-auto
{
    margin-inline: auto;
}
.sp-my-auto
{
    margin-block: auto;
}
.text-info
{
    color: var(--color-info);
}
.bg-info
{
    background-color: var(--color-info);
}
.border-info
{
    border-color: var(--color-info);
}
.text-error
{
    color: var(--color-error);
}
.bg-error
{
    background-color: var(--color-error);
}
.border-error
{
    border-color: var(--color-error);
}
.text-success
{
    color: var(--color-success);
}
.bg-success
{
    background-color: var(--color-success);
}
.border-success
{
    border-color: var(--color-success);
}
.text-light
{
    color: var(--color-light);
}
.bg-light
{
    background-color: var(--color-light);
}
.border-light
{
    border-color: var(--color-light);
}
.text-neutral
{
    color: var(--color-neutral);
}
.bg-neutral
{
    background-color: var(--color-neutral);
}
.border-neutral
{
    border-color: var(--color-neutral);
}
.text-dark
{
    color: var(--color-dark);
}
.bg-dark
{
    background-color: var(--color-dark);
}
.text-primary
{
    color: var(--color-primary);
}
.bg-primary
{
    background-color: var(--color-primary);
}
.border-primary
{
    border-color: var(--color-primary);
}
.bg-primary-contrast
{
    background-color: var(--color-primary-contrast);
}
.text-link
{
    color: var(--color-link);
}
.text-star
{
    color: var(--color-star);
}
.text-body
{
    color: var(--color-body-text);
}
.bg-body
{
    background-color: var(--color-body-bg);
}
.text-hero
{
    color: var(--color-hero-text);
}
.bg-hero
{
    background-color: var(--color-hero-bg);
}
.hover\:text-white:hover
{
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
}
.hover\:opacity-100:hover
{
    opacity: 1;
}
.hover\:text-neutral:hover
{
    color: var(--color-neutral);
}
.hover\:bg-primary-hover:hover
{
    background-color: var(--color-primary-hover);
}
@media(min-width: 640px)
{
    .sm\:block
    {
        display: block;
    }
    .sm\:flex
    {
        display: flex;
    }
    .sm\:grid
    {
        display: grid;
    }
    .sm\:grid-cols-2
    {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .sm\:grid-cols-3
    {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .sm\:flex-nowrap
    {
        flex-wrap: nowrap;
    }
    .sm\:text-left
    {
        text-align: left;
    }
    .sm\:sp-mt-0
    {
        margin-block-start: 0;
    }
    .sm\:sp-mb-0
    {
        margin-block-end: 0;
    }
    .sm\:sp-mb-8
    {
        margin-block-end: 2rem;
    }
}
@media(min-width: 768px)
{
    .md\:absolute
    {
        position: absolute;
    }
    .md\:relative
    {
        position: relative;
    }
    .md\:col-span-1
    {
        grid-column: span 1/span 1;
    }
    .md\:col-span-2
    {
        grid-column: span 2/span 2;
    }
    .md\:block
    {
        display: block;
    }
    .md\:flex
    {
        display: flex;
    }
    .md\:grid
    {
        display: grid;
    }
    .md\:w-auto
    {
        width: auto;
    }
    .md\:grid-cols-2
    {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .md\:grid-cols-3
    {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .md\:grid-cols-4
    {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
    .md\:justify-between
    {
        justify-content: space-between;
    }
    .md\:gap-8
    {
        gap: 2rem;
    }
    .md\:text-left
    {
        text-align: left;
    }
    .md\:text-2xl
    {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-3xl
    {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .md\:text-4xl
    {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .md\:text-6xl
    {
        font-size: 3.75rem;
        line-height: 1;
    }
    .md\:text-lg
    {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .md\:sp-ml-2
    {
        margin-inline-start: .5rem;
    }
    .md\:sp-ml-4
    {
        margin-inline-start: 1rem;
    }
    .md\:sp-pl-4
    {
        padding-inline-start: 1rem;
    }
    .md\:sp-mr-6
    {
        margin-inline-end: 1.5rem;
    }
    .md\:sp-mb-0
    {
        margin-block-end: 0;
    }
    .md\:sp-my-0
    {
        margin-block: 0;
    }
    .md\:sp-p-0
    {
        padding: 0;
    }
    .md\:sp-px-4
    {
        padding-inline: 1rem;
    }
    .md\:sp-mb-8
    {
        margin-block-end: 2rem;
    }
    .md\:sp-py-16
    {
        padding-block: 4rem;
    }
}
@media(min-width: 1024px)
{
    .lg\:col-span-1
    {
        grid-column: span 1/span 1;
    }
    .lg\:col-span-2
    {
        grid-column: span 2/span 2;
    }
    .lg\:row-start-1
    {
        grid-row-start: 1;
    }
    .lg\:flex
    {
        display: flex;
    }
    .lg\:grid
    {
        display: grid;
    }
    .lg\:w-64
    {
        width: 16rem;
    }
    .lg\:grid-cols-3
    {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .lg\:grid-cols-4
    {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
    .lg\:grid-cols-\[80px_2fr_1fr_1fr\]
    {
        grid-template-columns: 80px 2fr 1fr 1fr;
    }
    .lg\:grid-cols-\[96px_2fr_1fr_1fr\]
    {
        grid-template-columns: 96px 2fr 1fr 1fr;
    }
    .lg\:items-start
    {
        align-items: flex-start;
    }
    .lg\:bg-transparent
    {
        background-color: transparent;
    }
    .lg\:text-left
    {
        text-align: left;
    }
    .lg\:text-4xl
    {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .lg\:text-6xl
    {
        font-size: 3.75rem;
        line-height: 1;
    }
    .lg\:text-8xl
    {
        font-size: 6rem;
        line-height: 1;
    }
    .lg\:sp-pt-0
    {
        padding-block-start: 0;
    }
    .lg\:sp-pt-4
    {
        padding-block-start: 1rem;
    }
    .lg\:sp-px-16
    {
        padding-inline: 4rem;
    }
    .lg\:bg-light
    {
        background-color: var(--color-light);
    }
}/*# sourceMappingURL=style.css.map*/