/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-green-700: oklch(0.527 0.154 150.069);
    --color-green-800: oklch(0.448 0.119 151.328);
    --color-blue-400: oklch(0.707 0.165 254.624);
    --color-blue-500: oklch(0.623 0.214 259.815);
    --color-blue-700: oklch(0.488 0.243 264.376);
    --color-blue-800: oklch(0.424 0.199 265.638);
    --color-gray-50: oklch(0.985 0.002 247.839);
    --color-gray-100: oklch(0.967 0.003 264.542);
    --color-gray-300: oklch(0.872 0.01 258.338);
    --color-gray-400: oklch(0.707 0.022 261.325);
    --color-neutral-400: oklch(0.708 0 0);
    --color-neutral-500: oklch(0.556 0 0);
    --color-black: #1B1A1D;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 123rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 16px;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-md: 12px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(
      --font-sans--font-variation-settings
    );
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(
      --font-mono--font-feature-settings
    );
    --default-mono-font-variation-settings: var(
      --font-mono--font-variation-settings
    );
    --icon-primary: #fff;
    --color-button-primary: rgb(198, 40, 40);
    --color-button-primary-hover: rgb(198, 40, 40);
    --color-button-primary-text: #fff;
    --color-button-secondary: #DADADA;
    --color-button-secondary-hover: #DADADA;
    --color-button-secondary-text: #000;
    --color-button-danger: var(--color-portal-red-700);
    --color-button-danger-hover: var(--color-portal-red-900);
    --color-button-danger-text: #fff;
    --color-button-success: var(--color-portal-green-10);
    --color-button-success-hover: var(--color-portal-green-30);
    --color-button-success-text: var(--color-portal-green);
    --color-primary: rgba(54, 75, 153, 1);
    --color-secondary: #EDEDED;
    --color-success: var(--color-portal-green);
    --color-danger: #E51E26;
    --color-portal-yellow: #c2a200;
    --color-portal-yellow-light: #E1DAB1;
    --color-portal-yellow-medium: #DECF8A;
    --color-portal-yellow-dark: #c5a100;
    --color-portal-yellow-20: rgba(197, 161, 0, 0.2);
    --color-portal-blue: rgba(54, 75, 153, 1);
    --color-portal-blue-90: rgba(54, 75, 153, 0.9);
    --color-portal-blue-70: rgba(54, 75, 153, 0.7);
    --color-portal-blue-10: rgba(54, 75, 153, 0.1);
    --color-portal-blue-menu: #28367B;
    --color-portal-black: #1B1A1D;
    --color-portal-black-4: rgba(27, 26, 29, 0.04);
    --color-portal-black-8: rgba(27, 26, 29, 0.08);
    --color-portal-black-10: rgba(27, 26, 29, 0.1);
    --color-portal-black-70: rgba(27, 26, 29, 0.7);
    --color-portal-black-90: rgba(27, 26, 29, 0.9);
    --color-portal-gray: #EDEDED;
    --color-portal-gray-100: rgba(223, 222, 208, 1);
    --color-portal-gray-70: rgba(232, 232, 228, 0.7);
    --color-portal-gray-50: rgba(232, 232, 228, 0.5);
    --color-portal-green: #09612D;
    --color-portal-green-60: rgba(9, 97, 45, 0.6);
    --color-portal-green-30: rgba(9, 97, 45, 0.3);
    --color-portal-green-20: rgba(9, 97, 45, 0.2);
    --color-portal-green-10: rgba(9, 97, 45, 0.1);
    --color-portal-red: rgb(198, 40, 40);
    --color-portal-red-100: rgba(198, 40, 40, 0.1);
    --color-portal-red-700: rgba(198, 40, 40, 0.7);
    --color-portal-red-900: rgba(198, 40, 40, 0.9);
    --color-portal-warning: rgb(197, 161, 0);
    --color-portal-warning-100: rgba(197, 161, 0, 0.1);
    --h-poster-height: 290px;
    --spacing-h1: 100%;
    --spacing-h2: 150%;
    --spacing-h3: 150%;
    --spacing-h4: 150%;
    --spacing-h5: 125%;
    --spacing-h6: 150%;
    --spacing-h7: 150%;
    --spacing-h2-lg: 150%;
    --spacing-h3emp: 2.125rem;
    --spacing-content: 160%;
    --breakpoint-wide: 1920px;
    --mw-main-xxs: 50rem;
    --mw-main-xs: 62.5rem;
    --mw-main-sm: 75rem;
    --mw-main: 320px;
    --mw-main-full: 121rem;
    --mh-poster-image: 290px;
    --text-h1: 3rem;
    --text-h1-lg: 3.5rem;
    --text-h1-tablet: 2.5rem;
    --text-h1-mobile: 1.875rem;
    --text-h1-print: 2rem;
    --text-h2-lg: 1.875rem;
    --text-h2-lg-print: 1.5rem;
    --text-h2: 1.25rem;
    --text-h2-print: 1.25rem;
    --text-h3: 1.25rem;
    --text-h3-print: 1.15rem;
    --text-h4: 1rem;
    --text-h5: 1rem;
    --text-h6: 0.75rem;
    --text-h7: 0.75rem;
    --leading-sm-same: 0.875rem;
    --color-body-default: #f00;
    --font-montserrat: "montserrat", "sans-serif";
    --font-roboto: "roboto", "sans-serif";
    --font-raleway: "raleway", "sans-serif";
    --font-open-sans: open-sans, sans-serif;
    --color-body: #959394;
    --color-portal-background: #000;
    --color-maindark: #fff;
    --color-maintext: #fff;
    --color-portal-text: #ffffff;
    --color-portal-linktext: #ffffff;
    --color-portal-hovercolor: #C11F1D;
    --color-portal-inputcolorbg: #333;
    --color-portal-gray-darker: #111;
    --color-portal-gray-darkest: #101010;
    --color-portal-gray-lighter: #555;
    --color-portal-gray-lightest: #e6e6e6;
    --poster-image: 290px;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var( --default-font-variation-settings, normal );
    -webkit-tap-highlight-color: transparent;
  }
  body {
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  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;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
    font-feature-settings: var( --default-mono-font-feature-settings, normal );
    font-variation-settings: var( --default-mono-font-variation-settings, normal );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .dr-select-options {
    position: absolute;
    left: calc(var(--spacing) * 0);
    z-index: 10;
    margin-top: calc(var(--spacing) * 10);
    width: 75%;
    transform-origin: top right;
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    text-align: left;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-portal-blue));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: color-mix(in srgb, #1B1A1D 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/4 {
    top: calc(1/4 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .right-1\/2 {
    right: calc(1/2 * 100%);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-2\! {
    grid-column-start: 2 !important;
  }
  .clear-both {
    clear: both;
  }
  .container {
    width: 100%;
    @media (width >= 100%) {
      max-width: 100%;
    }
    @media (width >= 320px) {
      max-width: 320px;
    }
    @media (width >= 640px) {
      max-width: 640px;
    }
    @media (width >= 1024px) {
      max-width: 1024px;
    }
    @media (width >= 1280px) {
      max-width: 1280px;
    }
    @media (width >= 1500px) {
      max-width: 1500px;
    }
    @media (width >= 1920px) {
      max-width: 1920px;
    }
    @media (width >= 1921px) {
      max-width: 1921px;
    }
    @media (width >= 2500px) {
      max-width: 2500px;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 123rem) {
      max-width: 123rem;
    }
  }
  .m-526 {
    margin: calc(var(--spacing) * 526);
  }
  .content-main-sm {
    margin-inline: calc(var(--spacing) * 4);
    max-width: var(--mw-main-sm);
    @media (width >= 640px) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    @media (width >= 1280px) {
      margin-inline: auto;
    }
  }
  .content-main-xs {
    margin-inline: calc(var(--spacing) * 4);
    max-width: var(--mw-main-xs);
    @media (width >= 640px) {
      margin-bottom: calc(var(--spacing) * 10);
    }
    @media (width >= 1280px) {
      margin-inline: auto;
    }
  }
  .width-main {
    margin-inline: auto;
    max-width: var(--mw-main-sm);
    padding-inline: calc(var(--spacing) * 4);
  }
  .container {
    margin-inline: auto;
  }
  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .h4 {
    margin-block: calc(var(--spacing) * 4);
    font-size: var(--text-h4);
    --tw-leading: var(--spacing-h4);
    line-height: var(--spacing-h4);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .h2 {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-h2);
    --tw-leading: var(--spacing-h2);
    line-height: var(--spacing-h2);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .h2-lg {
    @media (max-width: 640px) {
      &h2 {
        margin-top: calc(var(--spacing) * 8);
        margin-bottom: calc(var(--spacing) * 4);
        font-size: var(--text-h2);
        --tw-leading: var(--spacing-h2);
        line-height: var(--spacing-h2);
        margin-top: calc(var(--spacing) * 8);
        margin-bottom: calc(var(--spacing) * 4);
        font-size: var(--text-h2);
        --tw-leading: var(--spacing-h2);
        line-height: var(--spacing-h2);
        margin-bottom: calc(var(--spacing) * 4);
        font-size: var(--text-h2);
        --tw-leading: var(--spacing-h2);
        line-height: var(--spacing-h2);
      }
      margin-top: calc(var(--spacing) * 8);
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-h2);
      --tw-leading: var(--spacing-h2);
      line-height: var(--spacing-h2);
      margin-top: calc(var(--spacing) * 8);
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-h2);
      --tw-leading: var(--spacing-h2);
      line-height: var(--spacing-h2);
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-h2);
      --tw-leading: var(--spacing-h2);
      line-height: var(--spacing-h2);
    }
  }
  .h2-lg {
    @media (max-width: 640px) {
      &h2 {
        margin-top: calc(var(--spacing) * 8);
        margin-bottom: calc(var(--spacing) * 4);
        font-size: var(--text-h2);
        --tw-leading: var(--spacing-h2);
        line-height: var(--spacing-h2);
        margin-top: calc(var(--spacing) * 8);
        margin-bottom: calc(var(--spacing) * 4);
        font-size: var(--text-h2);
        --tw-leading: var(--spacing-h2);
        line-height: var(--spacing-h2);
        margin-bottom: calc(var(--spacing) * 4);
        font-size: var(--text-h2);
        --tw-leading: var(--spacing-h2);
        line-height: var(--spacing-h2);
      }
      margin-top: calc(var(--spacing) * 8);
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-h2);
      --tw-leading: var(--spacing-h2);
      line-height: var(--spacing-h2);
      margin-top: calc(var(--spacing) * 8);
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-h2);
      --tw-leading: var(--spacing-h2);
      line-height: var(--spacing-h2);
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-h2);
      --tw-leading: var(--spacing-h2);
      line-height: var(--spacing-h2);
    }
  }
  .h3 {
    margin-top: calc(var(--spacing) * 6);
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-h3);
    --tw-leading: var(--spacing-h3);
    line-height: var(--spacing-h3);
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .h2-lg {
    &h2 {
      margin-bottom: calc(var(--spacing) * 8);
      font-size: var(--text-h2-lg);
      --tw-leading: var(--spacing-h2-lg);
      line-height: var(--spacing-h2-lg);
    }
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-h2-lg);
    --tw-leading: var(--spacing-h2-lg);
    line-height: var(--spacing-h2-lg);
    @media (max-width: 640px) {
      &h2 {
        margin-bottom: calc(var(--spacing) * 4);
        font-size: var(--text-h2);
        --tw-leading: var(--spacing-h2);
        line-height: var(--spacing-h2);
      }
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-h2);
      --tw-leading: var(--spacing-h2);
      line-height: var(--spacing-h2);
    }
  }
  .h1 {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-h1);
    --tw-leading: var(--spacing-h1);
    line-height: var(--spacing-h1);
  }
  .\!mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .dr-select {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    width: 100%;
    justify-content: center;
    column-gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-portal-blue));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-gray-300);
    --tw-ring-inset: inset;
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .ico-arrow-down {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3'/%3E%3C/svg%3E");
  }
  .ico-arrow-right {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3'/%3E%3C/svg%3E");
  }
  .ico-filter {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75'/%3E%3C/svg%3E");
  }
  .ico-reload {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M4.755 10.059a7.5 7.5 0 0 1 12.548-3.364l1.903 1.903h-3.183a.75.75 0 1 0 0 1.5h4.992a.75.75 0 0 0 .75-.75V4.356a.75.75 0 0 0-1.5 0v3.18l-1.9-1.9A9 9 0 0 0 3.306 9.67a.75.75 0 1 0 1.45.388m15.408 3.352a.75.75 0 0 0-.919.53a7.5 7.5 0 0 1-12.548 3.364l-1.902-1.903h3.183a.75.75 0 0 0 0-1.5H2.984a.75.75 0 0 0-.75.75v4.992a.75.75 0 0 0 1.5 0v-3.18l1.9 1.9a9 9 0 0 0 15.059-4.035a.75.75 0 0 0-.53-.918' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  .icon-\[fluent--movies-and-tv-24-regular\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m19.729 3.917l.05.16l.552 1.922a.75.75 0 0 1-.418.893l-.096.035L9.09 10.002h11.16a.75.75 0 0 1 .742.65l.007.1v8.499a2.75 2.75 0 0 1-2.582 2.745l-.168.005H5.75a2.75 2.75 0 0 1-2.745-2.582L3 19.25v-8.392l-.522-1.821a2.75 2.75 0 0 1 1.726-3.35l.16-.052L16.378 2.19a2.75 2.75 0 0 1 3.35 1.726m-.23 7.585H4.5v7.749c0 .604.429 1.108.998 1.224l.124.02l.128.006h12.5a1.25 1.25 0 0 0 1.243-1.122l.006-.128zM6.272 6.649l-1.496.43a1.25 1.25 0 0 0-.886 1.42l.03.125l.344 1.201l.295-.085zm4.756-1.363l-2.717.779l-1.714 3.09l2.718-.778zm4.758-1.365l-2.718.78l-1.713 3.09l2.716-.778zm1.847-.233l-1.521 2.74l2.569-.737l-.344-1.2a1.25 1.25 0 0 0-.704-.803'/%3E%3C/svg%3E");
  }
  .icon-\[fluent--task-list-square-add-20-regular\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h3.6a5.5 5.5 0 0 1-.393-1H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3.207q.524.149 1 .393V6a3 3 0 0 0-3-3zm3.354 4.104a.5.5 0 0 0-.708-.708L7.234 7.808l-.397-.362a.5.5 0 0 0-.674.738l.75.685a.5.5 0 0 0 .69-.016zm0 4.292a.5.5 0 0 1 0 .708l-1.75 1.75a.5.5 0 0 1-.691.015l-.75-.685a.5.5 0 0 1 .674-.738l.397.363l1.412-1.413a.5.5 0 0 1 .708 0M10.5 7.5A.5.5 0 0 1 11 7h2.5a.5.5 0 0 1 0 1H11a.5.5 0 0 1-.5-.5m8.5 7a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0m-4-2a.5.5 0 0 0-1 0V14h-1.5a.5.5 0 0 0 0 1H14v1.5a.5.5 0 0 0 1 0V15h1.5a.5.5 0 0 0 0-1H15z'/%3E%3C/svg%3E");
  }
  .icon-\[fluent--task-list-square-settings-20-regular\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M9.354 6.396a.5.5 0 0 1 0 .708l-1.75 1.75a.5.5 0 0 1-.691.015l-.75-.685a.5.5 0 1 1 .674-.738l.397.362l1.412-1.412a.5.5 0 0 1 .708 0m0 5.708a.5.5 0 0 0-.708-.708l-1.412 1.412l-.397-.362a.5.5 0 0 0-.674.738l.75.685a.5.5 0 0 0 .69-.015zM11 7a.5.5 0 0 0 0 1h2.5a.5.5 0 0 0 0-1zM3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v3.601a5.5 5.5 0 0 0-1-.393V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h3.208q.148.52.393 1H6a3 3 0 0 1-3-3zm7.634 7.92a2 2 0 0 0 1.43-2.478l-.156-.557q.383-.296.822-.5l.337.358a2 2 0 0 0 2.91 0l.322-.343q.448.21.835.518l-.126.422a2 2 0 0 0 1.456 2.519l.35.082a4.6 4.6 0 0 1 .01 1.017l-.46.118a2 2 0 0 0-1.432 2.478l.156.556q-.383.296-.822.5l-.337-.358a2 2 0 0 0-2.909 0l-.32.348a4.4 4.4 0 0 1-.836-.518l.126-.423a2 2 0 0 0-1.456-2.52l-.349-.082a4.6 4.6 0 0 1-.01-1.016zm4.865.58a1 1 0 1 0-2 0a1 1 0 0 0 2 0'/%3E%3C/svg%3E");
  }
  .icon-\[fluent--text-bullet-list-square-edit-24-regular\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 6.25A3.25 3.25 0 0 1 6.25 3h11.5A3.25 3.25 0 0 1 21 6.25v4.762a3.3 3.3 0 0 0-1.5.22V6.25a1.75 1.75 0 0 0-1.75-1.75H6.25A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.784 1.75 1.75 1.75h5.291l-.02.077L11.165 21H6.25A3.25 3.25 0 0 1 3 17.75zM15.355 15l-1.5 1.5H11.25a.75.75 0 1 1 0-1.5zM7.75 9.25a1 1 0 1 0 0-2a1 1 0 0 0 0 2m3.5-1.75a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5zM10.5 12a.75.75 0 0 1 .75-.75h5.5a.75.75 0 1 1 0 1.5h-5.5a.75.75 0 0 1-.75-.75m-2.75 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 3.75a1 1 0 1 0 0-2a1 1 0 0 0 0 2m11.35-4.08l-5.903 5.902a2.7 2.7 0 0 0-.706 1.247l-.458 1.831a1.087 1.087 0 0 0 1.319 1.318l1.83-.457a2.7 2.7 0 0 0 1.248-.707l5.902-5.902A2.286 2.286 0 0 0 19.1 12.67'/%3E%3C/svg%3E");
  }
  .icon-\[fluent--text-bullet-list-square-settings-20-filled\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M3 5.75A2.75 2.75 0 0 1 5.75 3h8.5A2.75 2.75 0 0 1 17 5.75V9.6a5.5 5.5 0 0 0-2.5-.6c-1.177 0-2.268.37-3.163 1H9.5a.5.5 0 0 0 0 1h.757A5.48 5.48 0 0 0 9 14.5c0 .9.216 1.75.6 2.5H5.75A2.75 2.75 0 0 1 3 14.25zM6.75 8a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m.75 2.25a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0M6.75 14a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5M9 7.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1h-4a.5.5 0 0 0-.5.5m3.066 3.942a2 2 0 0 1-1.43 2.478l-.462.118a4.7 4.7 0 0 0 .01 1.016l.35.083a2 2 0 0 1 1.456 2.519l-.127.423q.388.306.835.517l.325-.344a2 2 0 0 1 2.91.002l.337.358q.44-.203.822-.498l-.156-.556a2 2 0 0 1 1.43-2.478l.46-.118a4.7 4.7 0 0 0-.01-1.017l-.348-.082a2 2 0 0 1-1.456-2.52l.126-.421a4.3 4.3 0 0 0-.835-.519l-.325.344a2 2 0 0 1-2.91-.001l-.337-.358a4.3 4.3 0 0 0-.822.497zM14.5 15.5a1 1 0 1 1 0-2a1 1 0 0 1 0 2'/%3E%3C/svg%3E");
  }
  .icon-\[fluent--text-bullet-list-square-settings-20-regular\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M5.75 3h8.5A2.75 2.75 0 0 1 17 5.75V9.6a5.5 5.5 0 0 0-1-.393V5.75A1.75 1.75 0 0 0 14.25 4h-8.5A1.75 1.75 0 0 0 4 5.75v8.5c0 .966.784 1.75 1.75 1.75h3.457q.149.524.393 1H5.75A2.75 2.75 0 0 1 3 14.25v-8.5A2.75 2.75 0 0 1 5.75 3m3.75 7h1.837c-.403.284-.767.62-1.08 1H9.5a.5.5 0 0 1 0-1M6.75 8a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m.75 2.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m0 3a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0M9 7.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5m3.066 3.942a2 2 0 0 1-1.43 2.478l-.462.118a4.7 4.7 0 0 0 .01 1.016l.35.083a2 2 0 0 1 1.456 2.519l-.127.423q.388.306.835.517l.325-.344a2 2 0 0 1 2.91.002l.337.358q.44-.203.822-.498l-.156-.556a2 2 0 0 1 1.43-2.478l.46-.118a4.7 4.7 0 0 0-.01-1.017l-.348-.082a2 2 0 0 1-1.456-2.52l.126-.421a4.3 4.3 0 0 0-.835-.519l-.325.344a2 2 0 0 1-2.91-.001l-.337-.358a4.3 4.3 0 0 0-.822.497zM14.5 15.5a1 1 0 1 1 0-2a1 1 0 0 1 0 2'/%3E%3C/svg%3E");
  }
  .icon-\[fluent--text-bullet-list-square-sparkle-32-filled\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='black' d='M21.488 8.511a3.5 3.5 0 0 1 .837 1.363l.548 1.682a.664.664 0 0 0 1.254 0l.548-1.682a3.47 3.47 0 0 1 2.197-2.196l1.684-.547a.665.665 0 0 0 0-1.254l-.034-.008l-1.683-.547a3.47 3.47 0 0 1-2.198-2.196l-.547-1.682a.665.665 0 0 0-1.255 0l-.547 1.682l-.014.042a3.47 3.47 0 0 1-2.15 2.154l-1.684.547a.665.665 0 0 0 0 1.254l1.684.546c.513.171.979.46 1.36.842m9.333 4.847l.918.298l.019.004a.362.362 0 0 1 0 .684l-.919.299a1.9 1.9 0 0 0-1.198 1.197l-.299.918a.363.363 0 0 1-.684 0l-.299-.918a1.89 1.89 0 0 0-1.198-1.202l-.919-.298a.362.362 0 0 1 0-.684l.919-.299a1.9 1.9 0 0 0 1.18-1.197l.299-.918a.363.363 0 0 1 .684 0l.298.918a1.89 1.89 0 0 0 1.199 1.197M20.703 3H7.5A4.5 4.5 0 0 0 3 7.5v17A4.5 4.5 0 0 0 7.5 29h17a4.5 4.5 0 0 0 4.5-4.5v-6.022a1.9 1.9 0 0 1-1.04-.338a2 2 0 0 1-.69-.94l-.3-.91a.3.3 0 0 0-.09-.15a.4.4 0 0 0-.14-.1l-1-.31a1.9 1.9 0 0 1-.9-.68a1.84 1.84 0 0 1-.34-1.07a1.9 1.9 0 0 1 .25-.9a2.16 2.16 0 0 1-3.3-1.08l-.162-.5H15a1 1 0 1 1 0-2h5.4a1.9 1.9 0 0 0-.74-.44l-1.71-.56a2.17 2.17 0 0 1-1.45-2A2.17 2.17 0 0 1 18 4.44l1.64-.56c.289-.096.55-.26.76-.48q.176-.182.303-.4M10.5 9a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m0 5.5a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m1.5 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m2-5.5a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1m1 6.5a1 1 0 1 1 0-2h7a1 1 0 1 1 0 2z'/%3E%3C/svg%3E");
  }
  .icon-\[fluent--text-bullet-list-square-sparkle-32-regular\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='black' d='M21.488 8.511a3.5 3.5 0 0 1 .837 1.363l.548 1.682a.664.664 0 0 0 1.254 0l.548-1.682a3.47 3.47 0 0 1 2.197-2.196l1.684-.547a.665.665 0 0 0 0-1.254l-.034-.008l-1.683-.547a3.47 3.47 0 0 1-2.198-2.196l-.547-1.682a.665.665 0 0 0-1.255 0l-.547 1.682l-.014.042a3.47 3.47 0 0 1-2.15 2.154l-1.684.547a.665.665 0 0 0 0 1.254l1.684.546c.513.171.979.46 1.36.842m9.333 4.847l.918.298l.019.004a.362.362 0 0 1 0 .684l-.919.299a1.9 1.9 0 0 0-1.198 1.197l-.299.918a.363.363 0 0 1-.684 0l-.299-.918a1.89 1.89 0 0 0-1.198-1.202l-.919-.298a.362.362 0 0 1 0-.684l.919-.299a1.9 1.9 0 0 0 1.18-1.197l.299-.918a.363.363 0 0 1 .684 0l.298.918a1.89 1.89 0 0 0 1.199 1.197M7.5 3h13.203a2 2 0 0 1-.303.4a1.86 1.86 0 0 1-.76.48L18 4.44a2.2 2.2 0 0 0-.895.56H7.5A2.5 2.5 0 0 0 5 7.5v17A2.5 2.5 0 0 0 7.5 27h17a2.5 2.5 0 0 0 2.5-2.5v-8.12l.27.82a2 2 0 0 0 .69.94c.306.213.668.33 1.04.338V24.5a4.5 4.5 0 0 1-4.5 4.5h-17A4.5 4.5 0 0 1 3 24.5v-17A4.5 4.5 0 0 1 7.5 3M15 9.5h5.4l.03.03c0 .036.04.072.084.111a.5.5 0 0 1 .076.079c.138.172.243.369.31.58l.388 1.2H15a1 1 0 1 1 0-2M10.5 12a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m0 5.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m1.5 4a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m2-5.5a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1m1 4.5a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2z'/%3E%3C/svg%3E");
  }
  .icon-\[fluent--video-clip-wand-24-regular\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4.25 2A3.25 3.25 0 0 0 1 5.25v11.5A3.25 3.25 0 0 0 4.25 20h7.275l1.5-1.5H4.25a1.75 1.75 0 0 1-1.75-1.75V5.25c0-.966.784-1.75 1.75-1.75h13.5c.966 0 1.75.784 1.75 1.75v4.064c.396.276.674.712.737 1.222l.139 1.13c.062.503.288.954.624 1.298V5.25A3.25 3.25 0 0 0 17.75 2zM19.5 12.338a3.25 3.25 0 0 0 2.712 2.279l1.13.139a.75.75 0 0 1 0 1.488l-1.13.14a3.25 3.25 0 0 0-2.829 2.828l-.139 1.13a.75.75 0 0 1-1.488 0l-.14-1.13a3.25 3.25 0 0 0-2.828-2.829l-1.13-.139a.75.75 0 0 1 0-1.488l1.13-.14a3.25 3.25 0 0 0 2.829-2.828l.139-1.13a.75.75 0 0 1 1.488 0l.14 1.13q.035.284.116.55M16.774 15.5a4.76 4.76 0 0 1 1.726 1.726a4.76 4.76 0 0 1 1.726-1.726a4.76 4.76 0 0 1-1.726-1.726a4.76 4.76 0 0 1-1.726 1.726m-2.054 2.72a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06zM8 13.75v-5.5a1 1 0 0 1 1.482-.876l5 2.75a1 1 0 0 1 0 1.753l-5 2.75A1 1 0 0 1 8 13.75'/%3E%3C/svg%3E");
  }
  .icon-\[fluent--window-bullet-list-add-20-regular\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h3.6a5.5 5.5 0 0 1-.393-1H6a2 2 0 0 1-2-2V7h12v2.207q.524.149 1 .393V6a3 3 0 0 0-3-3zM4 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2zm10.085 3.015A.6.6 0 0 0 13.95 9h-4.4a.56.56 0 0 0-.505.306a.46.46 0 0 0 .118.542v.004A.56.56 0 0 0 9.55 10h1.787a5.47 5.47 0 0 1 2.748-.985m-8.507.095a1 1 0 0 0-.078.39a1.2 1.2 0 0 0 .078.4a.84.84 0 0 0 .211.31q.142.135.32.212a1 1 0 0 0 .391.078a.8.8 0 0 0 .391-.078a1.1 1.1 0 0 0 .32-.22A.97.97 0 0 0 7.5 9.5a1 1 0 0 0-.078-.39a.9.9 0 0 0-.219-.32a1.1 1.1 0 0 0-.32-.211A1 1 0 0 0 6.5 8.5a.86.86 0 0 0-.391.08a1 1 0 0 0-.531.529M5.5 13.5a.97.97 0 0 1 .289-.703a1.1 1.1 0 0 1 .32-.218a.84.84 0 0 1 .391-.08a.9.9 0 0 1 .383.08q.178.076.32.21c.095.09.17.2.219.32a1.006 1.006 0 0 1-.531 1.313a.8.8 0 0 1-.391.078a1 1 0 0 1-.391-.078a1.1 1.1 0 0 1-.32-.211a.84.84 0 0 1-.211-.312a1.2 1.2 0 0 1-.078-.4M17 18.242a4.5 4.5 0 1 1-5-7.484a4.5 4.5 0 0 1 5 7.484m-2.146-6.096A.5.5 0 0 0 14 12.5V14h-1.5a.5.5 0 0 0 0 1H14v1.5a.5.5 0 0 0 1 0V15h1.5a.5.5 0 0 0 0-1H15v-1.5a.5.5 0 0 0-.146-.354'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--arrow-right-16-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' fill-rule='evenodd' d='M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--check-16-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353l4.493-6.74a.75.75 0 0 1 1.04-.207' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--chevron-down-20-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--chevron-up-20-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--document-duplicate\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9 9 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9 9 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--heart-20-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='m9.653 16.915l-.005-.003l-.019-.01l-.067-.035l-.243-.135a22 22 0 0 1-3.434-2.412C4.045 12.733 2 10.352 2 7.5a4.5 4.5 0 0 1 8-2.828A4.5 4.5 0 0 1 18 7.5c0 2.852-2.044 5.233-3.885 6.82a22 22 0 0 1-3.744 2.582l-.019.01l-.005.003h-.002a.74.74 0 0 1-.69.001z'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--heart\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M21 8.25c0-2.485-2.099-4.5-4.687-4.5c-1.936 0-3.598 1.126-4.313 2.733c-.715-1.607-2.377-2.733-4.312-2.733C5.098 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--magnifying-glass-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10.5 3.75a6.75 6.75 0 1 0 0 13.5a6.75 6.75 0 0 0 0-13.5M2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--minus-20-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--pencil-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157l3.712 3.712l1.157-1.157a2.625 2.625 0 0 0 0-3.712m-2.218 5.93l-3.712-3.712l-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32z'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--plus-20-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5z'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--share-16-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='M12 6a2 2 0 1 0-1.994-1.842L5.323 6.5a2 2 0 1 0 0 3l4.683 2.342a2 2 0 1 0 .67-1.342L5.995 8.158a2 2 0 0 0 0-.316L10.677 5.5c.353.311.816.5 1.323.5'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--share\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186a2.25 2.25 0 0 0-3.935-2.186m0-12.814a2.25 2.25 0 1 0 3.933-2.185a2.25 2.25 0 0 0-3.933 2.185'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--shopping-cart-20-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M1 1.75A.75.75 0 0 1 1.75 1h1.628a1.75 1.75 0 0 1 1.734 1.51L5.18 3a65.3 65.3 0 0 1 13.36 1.412a.75.75 0 0 1 .58.875a49 49 0 0 1-1.618 6.2a.75.75 0 0 1-.712.513H6q-.171 0-.336.022A2.5 2.5 0 0 0 3.708 13.5H17.25a.75.75 0 0 1 0 1.5H2.76a.75.75 0 0 1-.748-.807a4 4 0 0 1 2.716-3.486L3.626 2.716a.25.25 0 0 0-.248-.216H1.75A.75.75 0 0 1 1 1.75M6 17.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m9.5 1.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--shopping-cart\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.137a60 60 0 0 0-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m12.75 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--trash-16-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' fill-rule='evenodd' d='M5 3.25V4H2.75a.75.75 0 0 0 0 1.5h.3l.815 8.15A1.5 1.5 0 0 0 5.357 15h5.286a1.5 1.5 0 0 0 1.492-1.35l.815-8.15h.3a.75.75 0 0 0 0-1.5H11v-.75A2.25 2.25 0 0 0 8.75 1h-1.5A2.25 2.25 0 0 0 5 3.25m2.25-.75a.75.75 0 0 0-.75.75V4h3v-.75a.75.75 0 0 0-.75-.75zM6.05 6a.75.75 0 0 1 .787.713l.275 5.5a.75.75 0 0 1-1.498.075l-.275-5.5A.75.75 0 0 1 6.05 6m3.9 0a.75.75 0 0 1 .712.787l-.275 5.5a.75.75 0 0 1-1.498-.075l.275-5.5a.75.75 0 0 1 .786-.711' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  .icon-\[heroicons--x-mark-16-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94z'/%3E%3C/svg%3E");
  }
  .icon-\[material-symbols--playlist-add-rounded\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 16q-.425 0-.712-.288T3 15t.288-.712T4 14h5q.425 0 .713.288T10 15t-.288.713T9 16zm0-4q-.425 0-.712-.288T3 11t.288-.712T4 10h9q.425 0 .713.288T14 11t-.288.713T13 12zm0-4q-.425 0-.712-.288T3 7t.288-.712T4 6h9q.425 0 .713.288T14 7t-.288.713T13 8zm13 12q-.425 0-.712-.288T16 19v-3h-3q-.425 0-.712-.288T12 15t.288-.712T13 14h3v-3q0-.425.288-.712T17 10t.713.288T18 11v3h3q.425 0 .713.288T22 15t-.288.713T21 16h-3v3q0 .425-.288.713T17 20'/%3E%3C/svg%3E");
  }
  .icon-\[material-symbols--playlist-remove-rounded\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m17 19.4l-1.9 1.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l1.9-1.9l-1.9-1.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l1.9 1.9l1.9-1.9q.275-.275.7-.275t.7.275t.275.7t-.275.7L18.4 18l1.9 1.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275zM4 16q-.425 0-.712-.288T3 15t.288-.712T4 14h5q.425 0 .713.288T10 15t-.288.713T9 16zm0-4q-.425 0-.712-.288T3 11t.288-.712T4 10h9q.425 0 .713.288T14 11t-.288.713T13 12zm0-4q-.425 0-.712-.288T3 7t.288-.712T4 6h9q.425 0 .713.288T14 7t-.288.713T13 8z'/%3E%3C/svg%3E");
  }
  .icon-\[material-symbols-light--list-alt-add-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.423 22.5v-3h-3v-1h3v-3h1v3h3v1h-3v3zM5 19V5zm.616 1q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h12.769q.69 0 1.153.463T20 5.616v8.325q-.238-.102-.479-.181q-.24-.08-.521-.14V5.615q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192h6.808q0 .256.026.508t.088.492zm2.5-3.462q.328 0 .549-.221q.22-.221.22-.549t-.222-.548t-.549-.22t-.548.222t-.22.549t.222.547t.549.22m0-3.769q.327 0 .548-.221q.22-.222.22-.55t-.222-.547t-.549-.22t-.548.221t-.22.55t.222.547t.549.22m0-3.769q.327 0 .548-.221q.22-.222.22-.55t-.222-.547t-.549-.22t-.548.221q-.22.222-.22.549t.222.548t.549.22m3.075 3.5h5.385v-1h-5.385zm0-3.77h5.385v-1h-5.385zm0 7.54h2.004q.143-.287.318-.528q.175-.24.382-.473h-2.704z'/%3E%3C/svg%3E");
  }
  .icon-\[teenyicons--save-outline\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' width='15' height='15'%3E%3Cpath fill='none' stroke='black' d='M4.5 14.5v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3m3 0h-12a1 1 0 0 1-1-1v-12a1 1 0 0 1 1-1h8.586a1 1 0 0 1 .707.293l3.414 3.414a1 1 0 0 1 .293.707V13.5a1 1 0 0 1-1 1Z'/%3E%3C/svg%3E");
  }
  .tag__focus {
    display: flex;
    width: fit-content;
    align-items: center;
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    background-color: var(--color-portal-yellow-dark);
    padding-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    white-space: nowrap;
  }
  .tag__info {
    display: flex;
    width: fit-content;
    align-items: center;
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    background-color: var(--color-portal-blue);
    padding-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
  }
  .tag__doc {
    display: flex;
    width: fit-content;
    align-items: center;
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    background-color: var(--color-portal-green-10);
    padding-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .tag {
    display: flex;
    width: fit-content;
    align-items: center;
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .dr-select-item {
    display: flex;
    width: 100%;
    align-items: center;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-portal-gray);
      }
    }
  }
  .flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .flex-items-center {
    display: flex;
    align-items: center;
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .only-print {
    display: none;
    @media print {
      display: block;
    }
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[55\%\] {
    max-width: 55%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-main-sm {
    max-width: var(--mw-main-sm);
  }
  .flex-1 {
    flex: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .translate-x-1\/2 {
    --tw-translate-x: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/2 {
    --tw-translate-y: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-default\! {
    cursor: default !important;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-none {
    list-style-type: 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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-16 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 16) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .nvp-btn-primary {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    background-color: var(--color-primary);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .nvp-btn-primary {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    background-color: var(--color-primary);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .nvp-btn-secondary {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    background-color: var(--color-secondary);
    color: var(--color-black);
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .nvp-btn-secondary {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    background-color: var(--color-secondary);
    color: var(--color-black);
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .btn-danger {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .btn-danger {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .btn {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .btn {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .nvp-btn-primary {
    background-color: var(--color-button-primary);
    color: var(--color-button-primary-text);
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-primary-hover);
      }
    }
  }
  .nvp-btn-secondary {
    background-color: var(--color-button-secondary);
    color: var(--color-button-secondary-text);
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-secondary-hover);
      }
    }
  }
  .nvp-btn-danger {
    background-color: var(--color-button-danger);
    color: var(--color-button-danger-text);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-danger-hover);
      }
    }
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #1B1A1D 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-portal-gray-100 {
    background-color: var(--color-portal-gray-100);
  }
  .bg-portal-green-20 {
    background-color: var(--color-portal-green-20);
  }
  .bg-success {
    background-color: var(--color-success);
  }
  .dr-select-item-selected {
    background-color: var(--color-portal-gray-50);
  }
  .bg-doc-green {
    background-image: url(../../../images/icon/doc-green.svg);
  }
  .bg-film {
    background-image: url(../../../images/icon/film.svg);
  }
  .bg-left-center {
    background-position: left center;
  }
  .bg-right-1-center {
    background-position: right 1rem center;
  }
  .bg-right-1-center {
    background-position: right 1rem center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .h5 {
    font-size: var(--text-h5);
    --tw-leading: var(--spacing-h5);
    line-height: var(--spacing-h5);
  }
  .h6 {
    font-size: var(--text-h6);
    --tw-leading: var(--spacing-h6);
    line-height: var(--spacing-h6);
  }
  .h7 {
    font-size: var(--text-h7);
    --tw-leading: var(--spacing-h7);
    line-height: var(--spacing-h7);
  }
  .dr-select-item-icon {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .nf-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .nf-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-sm-info {
    font-size: var(--text-h6);
  }
  .text-sm-info {
    font-size: var(--text-h6);
  }
  .leading-h6 {
    --tw-leading: var(--spacing-h6);
    line-height: var(--spacing-h6);
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .icon-primary {
    color: var(--icon-primary);
  }
  .text-danger {
    color: var(--color-danger);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-maintext {
    color: var(--color-maintext);
  }
  .text-portal-black-70 {
    color: var(--color-portal-black-70);
  }
  .text-portal-blue {
    color: var(--color-portal-blue);
  }
  .text-portal-green {
    color: var(--color-portal-green);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .fadeInItem {
    opacity: 0;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-portal-blue));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .invert {
    --tw-invert: invert(100%);
    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,);
  }
  .\!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,) !important;
  }
  .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,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .delay-100 {
    transition-delay: 100ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  .test {
    background: linear-gradient( 0deg, #17171a 0, rgba(23, 23, 26, 0.738) 19%, rgba(23, 23, 26, 0.541) 34%, rgba(23, 23, 26, 0.382) 47%, rgba(23, 23, 26, 0.278) 56.5%, rgba(23, 23, 26, 0.194) 65%, rgba(23, 23, 26, 0.126) 73%, rgba(23, 23, 26, 0.075) 80.2%, rgba(23, 23, 26, 0.042) 86.1%, rgba(23, 23, 26, 0.021) 91%, rgba(23, 23, 26, 0.008) 95.2%, rgba(23, 23, 26, 0.002) 98.2%, transparent );
  }
  .test {
    background: linear-gradient( 0deg, #17171a 0, rgba(23, 23, 26, 0.738) 19%, rgba(23, 23, 26, 0.541) 34%, rgba(23, 23, 26, 0.382) 47%, rgba(23, 23, 26, 0.278) 56.5%, rgba(23, 23, 26, 0.194) 65%, rgba(23, 23, 26, 0.126) 73%, rgba(23, 23, 26, 0.075) 80.2%, rgba(23, 23, 26, 0.042) 86.1%, rgba(23, 23, 26, 0.021) 91%, rgba(23, 23, 26, 0.008) 95.2%, rgba(23, 23, 26, 0.002) 98.2%, transparent );
  }
  .hover\:opacity-50 {
    &:hover {
      @media (hover: hover) {
        opacity: 50%;
      }
    }
  }
  .motion-reduce\:transition-opacity {
    @media (prefers-reduced-motion: reduce) {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .tablet\:col-span-3 {
    @media (width >= 640px) {
      grid-column: span 3 / span 3;
    }
  }
  .tablet\:col-span-4 {
    @media (width >= 640px) {
      grid-column: span 4 / span 4;
    }
  }
  .tablet\:mx-4 {
    @media (width >= 640px) {
      margin-inline: calc(var(--spacing) * 4);
    }
  }
  .tablet\:mx-10 {
    @media (width >= 640px) {
      margin-inline: calc(var(--spacing) * 10);
    }
  }
  .tablet\:mx-auto {
    @media (width >= 640px) {
      margin-inline: auto;
    }
  }
  .tablet\:mt-6 {
    @media (width >= 640px) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .tablet\:mr-2 {
    @media (width >= 640px) {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .tablet\:mb-0 {
    @media (width >= 640px) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .tablet\:mb-2 {
    @media (width >= 640px) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .tablet\:mb-8 {
    @media (width >= 640px) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .tablet\:ml-2 {
    @media (width >= 640px) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .tablet\:block {
    @media (width >= 640px) {
      display: block;
    }
  }
  .tablet\:flex {
    @media (width >= 640px) {
      display: flex;
    }
  }
  .tablet\:grid {
    @media (width >= 640px) {
      display: grid;
    }
  }
  .tablet\:hidden {
    @media (width >= 640px) {
      display: none;
    }
  }
  .tablet\:max-w-full {
    @media (width >= 640px) {
      max-width: 100%;
    }
  }
  .tablet\:grid-cols-2 {
    @media (width >= 640px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tablet\:grid-cols-2cols-1\/3 {
    @media (width >= 640px) {
      grid-template-columns: 1fr 30%;
    }
  }
  .tablet\:grid-cols-3 {
    @media (width >= 640px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tablet\:flex-col-reverse {
    @media (width >= 640px) {
      flex-direction: column-reverse;
    }
  }
  .tablet\:flex-row {
    @media (width >= 640px) {
      flex-direction: row;
    }
  }
  .tablet\:items-center {
    @media (width >= 640px) {
      align-items: center;
    }
  }
  .tablet\:justify-between {
    @media (width >= 640px) {
      justify-content: space-between;
    }
  }
  .tablet\:space-y-0 {
    @media (width >= 640px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .tablet\:space-x-4 {
    @media (width >= 640px) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .tablet\:space-x-8 {
    @media (width >= 640px) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .tablet\:pt-4 {
    @media (width >= 640px) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .tablet\:pr-10 {
    @media (width >= 640px) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .laptop\:order-1 {
    @media (width >= 1024px) {
      order: 1;
    }
  }
  .laptop\:order-2 {
    @media (width >= 1024px) {
      order: 2;
    }
  }
  .laptop\:col-span-2 {
    @media (width >= 1024px) {
      grid-column: span 2 / span 2;
    }
  }
  .laptop\:col-span-3 {
    @media (width >= 1024px) {
      grid-column: span 3 / span 3;
    }
  }
  .laptop\:mx-10 {
    @media (width >= 1024px) {
      margin-inline: calc(var(--spacing) * 10);
    }
  }
  .laptop\:mt-12 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .laptop\:mb-0 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .laptop\:block {
    @media (width >= 1024px) {
      display: block;
    }
  }
  .laptop\:grid {
    @media (width >= 1024px) {
      display: grid;
    }
  }
  .laptop\:hidden {
    @media (width >= 1024px) {
      display: none;
    }
  }
  .laptop\:grid-cols-2 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .laptop\:grid-cols-2cols {
    @media (width >= 1024px) {
      grid-template-columns: 1fr 381px;
    }
  }
  .laptop\:grid-cols-3 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .laptop\:grid-cols-4 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .laptop\:grid-cols-5 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .laptop\:laptop\:items-center {
    @media (width >= 1024px) {
      @media (width >= 1024px) {
        align-items: center;
      }
    }
  }
  .laptop\:p-10 {
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .laptop\:px-4 {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .laptop\:py-24 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .laptop\:pt-12 {
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .laptop\:pr-14 {
    @media (width >= 1024px) {
      padding-right: calc(var(--spacing) * 14);
    }
  }
  .laptop\:pb-4 {
    @media (width >= 1024px) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .laptop\:pb-24 {
    @media (width >= 1024px) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .desktop\:col-span-2 {
    @media (width >= 1280px) {
      grid-column: span 2 / span 2;
    }
  }
  .desktop\:col-start-2 {
    @media (width >= 1280px) {
      grid-column-start: 2;
    }
  }
  .desktop\:grid-cols-5 {
    @media (width >= 1280px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .desktop\:pr-0 {
    @media (width >= 1280px) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .wider\:px-0 {
    @media (width >= 1921px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:mb-2 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
}
input[type=number].reset::-webkit-inner-spin-button, input[type=number].reset::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
select.appearance-none {
  background-image: none;
  background-position: initial;
  background-repeat: no-repeat;
  background-size: inherit;
}
select.appearance-none:focus {
  outline: none !important;
  border: 0 !important;
}
img, video {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
select.w-fit {
  width: fit-content !important;
}
:not(body):focus-visible {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-portal-blue));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  outline-style: var(--tw-outline-style) !important;
  outline-width: 0px !important;
}
i[class^='icon'] {
  height: calc(var(--spacing) * 1);
  width: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
i[class^='icon'] {
  height: calc(var(--spacing) * 1);
  width: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
.typography {
  font-size: var(--text-base);
}
body.keyboard-navigation :not([href="#main-content"]) a:focus, body.keyboard-navigation :not([href="#main-content"]) .modal-body:focus, body.keyboard-navigation :not([href="#main-content"]) input:focus, body.keyboard-navigation :not([href="#main-content"]) select:focus, body.keyboard-navigation :not([href="#main-content"]) textarea:focus, body.keyboard-navigation button:focus {
  z-index: 100 !important;
  outline: 3px solid #98177E !important;
  outline-offset: 2px !important;
  transition: none !important;
  text-decoration: none !important;
}
body .jump-to-main {
  display: block;
  padding: 0.5rem;
  text-align: center;
  text-decoration: none !important;
  color: var(--color-white);
  background-color: var(--color-text);
  outline: none;
  font-weight: 500;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
figcaption {
  display: none;
}
.accordion-header .angle {
  background-image: url(../../../images/icon/angle-down.svg);
}
.accordion-header.open .angle {
  background-image: url(../../../images/icon/angle-up.svg);
}
.accordion-item .collapseitem.show {
  display: block;
}
.accordion-item {
  transition: border-radius 0.3s ease-in-out;
}
#tinymce :root {
  --height-default: 36px;
  --line-height-default: 150%;
  --color-body-default: #777777;
  --color-highlight-default: #ACACAC;
  --color-primary: #364B99;
  --color-primary-hover: rgba(54, 75, 153, 0.9);
  --color-secondary: #fff;
  --color-secondary-border: #364B99;
  --color-secondary-hover: rgba(54, 75, 153, 0.1);
  --color-danger: #D62A0A;
  --color-danger-secondary: #FFCAC0;
  --color-danger-hover: #D62A0A;
  --color-text: #2c3e50;
  --color-summary: #EEF7FB;
}
#tinymce {
  margin: calc(var(--spacing) * 4);
}
[data-mce-bogus="all"] {
  display: none;
}
details.nf-accordion[open] {
  overflow: visible;
}
details.nf-accordion[open] > div.nf-accordion-content {
  overflow: visible;
}
.nf-accordion {
  display: block;
  overflow: hidden;
  width: 100%;
  position: relative;
  min-height: var(--height-default);
  padding: 0px;
  line-height: var(--line-height-default);
  background-color: var(--color-highlight-default);
}
.nf-accordion > * {
  padding: 10px;
}
.nf-accordion-content {
  line-height: var(--line-height-default);
}
.nf-accordion-summary {
  cursor: pointer;
  min-height: var(--height-default);
  background-color: var(--color-body-default);
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: calc(var(--height-default)/2);
  line-height: 180%;
}
.left-summary {
  padding-left: 64px;
}
.right-summary {
  padding-right: 64px;
}
.nf-accordion-summary::marker {
  content: "";
  display: none;
  list-style: none;
}
.nf-accordion-summary::-webkit-details-marker {
  display: none;
  list-style: none;
}
.nf-accordion-marker {
  position: absolute;
  top: calc(var(--height-default)/3);
  pointer-events: none;
}
.nf-accordion-marker:before, .nf-accordion-summary .nf-accordion-marker:after {
  position: absolute;
  width: 3px;
  height: calc(var(--height-default)/3);
  background-color: darkgray;
  content: "";
  transition: all 0.6s ease-in-out;
}
.left-marker {
  left: 32px;
}
.right-marker {
  right: 32px;
}
.nf-accordion[open] .nf-accordion-summary .plus-marker:before {
  height: calc(var(--height-default)/3);
  transform: translate(0px, 0) rotate(90deg);
}
.nf-accordion[open] .nf-accordion-summary .plus-marker:after {
  height: calc(var(--height-default)/3);
  transform: translate(0px, 0) rotate(0deg);
  opacity: 0;
}
.nf-accordion nf-accordion-summary .plus-marker:before {
  height: calc(var(--height-default)/3);
  transform: translate(0px, 0) rotate(0deg);
}
.nf-accordion .nf-accordion-summary .plus-marker:after {
  height: calc(var(--height-default)/3);
  transform: translate(0px, 0) rotate(-90deg);
  opacity: 1;
}
.nf-accordion .nf-accordion-summary .arrow-marker:before {
  height: calc(var(--height-default)/3);
  transform: translate(4px, 0) rotate(45deg);
}
.nf-accordion .nf-accordion-summary .arrow-marker:after {
  height: calc(var(--height-default)/3);
  transform: translate(-4px, 0) rotate(-45deg);
  opacity: 1;
}
.nf-accordion[open] .nf-accordion-summary .arrow-marker:before {
  height: calc(var(--height-default)/3);
  transform: translate(-4px, 0) rotate(45deg);
}
.nf-accordion[open] .nf-accordion-summary .arrow-marker:after {
  height: calc(var(--height-default)/3);
  transform: translate(4px, 0) rotate(-45deg);
  opacity: 1;
}
.blue-accordion[open] .nf-accordion-summary {
  border-radius: 20px 20px 0px 0px;
  border-bottom: 1px solid lightgray;
}
.blue-accordion {
  background-color: var(--color-summary);
}
.blue-accordion .nf-accordion-summary .nf-accordion-marker::after, .blue-accordion .nf-accordion-summary .nf-accordion-marker::before {
  background-color: #222222;
}
.blue-accordion > .nf-accordion-summary {
  background-color: var(--color-summary);
}
.blue-underline-accordion {
  border-bottom: 2px solid var(--color-primary);
}
.blue-underline-accordion[open] {
  border-bottom: 4px solid var(--color-primary);
}
.blue-underline-accordion {
  background-color: transparent;
}
.blue-underline-accordion .nf-accordion-summary .nf-accordion-marker::after, .blue-underline-accordion .nf-accordion-summary .nf-accordion-marker::before {
  background-color: #222222;
}
.blue-underline-accordion > .nf-accordion-summary {
  background-color: transparent;
}
.white-box-accordion {
  border: 1px solid #222222;
}
.white-box-accordion {
  background-color: transparent;
}
.white-box-accordion .nf-accordion-summary .nf-accordion-marker::after, .white-box-accordion .nf-accordion-summary .nf-accordion-marker::before {
  background-color: #222222;
}
.white-box-accordion > .nf-accordion-summary {
  background-color: transparent;
}
.red-accordion {
  background-color: transparent;
  color: var(--color-danger);
}
.red-accordion .nf-accordion-content {
  background-color: var(--color-danger-secondary);
  border-radius: 0.7rem;
}
.red-accordion .nf-accordion-summary .nf-accordion-marker::after, .red-accordion .nf-accordion-summary .nf-accordion-marker::before {
  background-color: var(--color-danger);
}
.red-accordion > .nf-accordion-summary {
  background-color: transparent;
}
.nf-factbox {
  width: 100%;
  border: solid 1px #000000;
  background-color: white;
  padding: 0px;
  position: relative;
}
.blue-factbox label.nf-factbox-label {
  background-color: var(--color-primary);
}
.blue-factbox label.nf-factbox-label:hover {
  background-color: var(--color-primary-hover);
}
.white-factbox label.nf-factbox-label {
  background-color: var(--color-secondary);
  border: solid 2px var(--color-secondary-border);
}
.white-factbox label.nf-factbox-label:hover {
  background-color: var(--color-secondary-hover);
}
.nf-factbox-label {
  display: flex;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  color: white;
  background-color: var(--color-text);
  cursor: pointer;
  position: absolute;
  left: 50%;
  bottom: -20px;
  z-index: 1;
}
.nf-factbox-label:hover {
  background-color: #1a252f;
}
.nf-factbox-label::after {
  font-size: 30px;
}
.nf-factbox-content {
  max-height: 100px;
  padding: 10px;
  padding-left: 50px;
  color: var(--color-text);
  overflow: hidden;
}
input:checked ~ .nf-factbox-content {
  position: relative;
}
input:checked ~ .nf-factbox-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1));
}
input:not(:checked) ~ .nf-factbox-content {
  max-height: 100vh;
}
.nf-accordion input, .nf-factbox input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.nf-factbox {
  border-radius: var(--radius-md);
  border-color: var(--color-portal-gray);
  padding-block: calc(var(--spacing) * 6);
  transition: max-height .6s ease-in-out;
}
.nf-factbox h2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.nf-factbox-plus-minus::after {
  margin: 0 2px 0px auto;
}
input:not(:checked) ~ .nf-factbox-plus-minus::after {
  margin: -2px 4px 0px auto;
}
.left-summary, .right-summary {
  display: flex;
  align-items: center;
}
@media (max-width:639px) {
  .nf-factbox {
    margin-top: calc(var(--spacing) * 2);
  }
  .nf-factbox-content {
    padding-left: calc(var(--spacing) * 6);
  }
  .nf-factbox .nf-factbox-content > h2 {
    margin-top: calc(var(--spacing) * 0);
  }
  .nf-factbox-content ul {
    padding-left: calc(var(--spacing) * 4);
  }
}
.nf-factbox-arrow {
  background-image: url(../../../images/icon/chevron-down-blue.svg);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 100;
}
input:not(:checked) ~ .nf-factbox-arrow {
  background-image: url(../../../images/icon/chevron-up-blue.svg);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 100;
}
.blue-factbox .nf-factbox-arrow {
  background-image: url(../../../images/icon/chevron-down-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 100;
}
.blue-factbox input:not(:checked) ~ .nf-factbox-arrow {
  background-image: url(../../../images/icon/chevron-up-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 100;
}
.nf-factbox-plus-minus {
  background-image: url(../../../images/icon/plus-blue.svg);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 100;
}
.nf-factbox input:not(:checked) ~ .nf-factbox-plus-minus {
  background-image: url(../../../images/icon/minus-blue.svg);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 100;
}
.blue-factbox .nf-factbox-plus-minus {
  background-image: url(../../../images/icon/plus-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 100;
}
.blue-factbox input:not(:checked) ~ .nf-factbox-plus-minus {
  background-image: url(../../../images/icon/minus-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 100;
}
.btn {
  background-repeat: no-repeat;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  opacity: 100;
  opacity: 100;
  opacity: 100;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: linear;
  transition-timing-function: linear;
}
.btn-link {
  background-repeat: no-repeat;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  text-decoration-line: none;
  opacity: 100;
  opacity: 100;
}
.btn-icon {
  display: flex;
  gap: calc(var(--spacing) * 2);
  align-self: center;
  background-repeat: no-repeat;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  text-decoration-line: none;
  opacity: 100;
  opacity: 100;
}
.btn-icon svg, .btn-icon img {
  height: 1em;
  width: 1em;
}
.baseline svg, .baseline img {
  top: .125em;
  position: relative;
}
button:enabled {
  cursor: pointer;
}
.btn-goto {
  display: flex;
  height: 38px;
  width: fit-content;
  flex-direction: row;
  align-items: center;
  border-radius: var(--radius-lg);
  background-repeat: no-repeat;
  --tw-leading: var(--leading-sm-same);
  line-height: var(--leading-sm-same);
  white-space: nowrap;
  opacity: 100;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: linear;
  transition-timing-function: linear;
  background-color: var(--color-portal-blue-90);
  background-image: url(../../../images/icon/arrow-down-white.svg);
  background-position: right 1rem center;
  background-position: right 1rem center;
  padding-top: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 10);
  padding-bottom: calc(var(--spacing) * 2);
  padding-left: calc(var(--spacing) * 4);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-portal-blue);
    }
  }
  @media (width >= 640px) {
    padding-top: calc(var(--spacing) * 3);
  }
}
.btn-goto-inv {
  display: flex;
  height: 38px;
  width: fit-content;
  flex-direction: row;
  align-items: center;
  border-radius: var(--radius-lg);
  background-repeat: no-repeat;
  --tw-leading: var(--leading-sm-same);
  line-height: var(--leading-sm-same);
  white-space: nowrap;
  opacity: 100;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: linear;
  transition-timing-function: linear;
  border-style: var(--tw-border-style);
  border-width: 2px;
  color: var(--color-portal-black);
  @media (width >= 1024px) {
    color: var(--color-white);
  }
  border-color: var(--color-portal-black);
  padding-top: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-portal-blue);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-portal-blue);
    }
  }
  @media (width >= 640px) {
    padding-top: calc(var(--spacing) * 3);
  }
  @media (width >= 1024px) {
    border-color: var(--color-white);
  }
  @media (width >= 1024px) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
}
.btn-goto-inv {
  background-image: url(../../../images/icon/play-black.svg);
  background-position: left 0.5rem center;
  background-position: left 0.5rem center;
  padding-top: calc(var(--spacing) * 3);
  padding-left: calc(var(--spacing) * 8);
  &:hover {
    @media (hover: hover) {
      background-image: url(../../../images/icon/play-blue.svg);
    }
  }
  @media (width >= 1024px) {
    background-image: url(../../../images/icon/play-white.svg);
  }
}
.btn-goto-inv .icon {
  margin-right: calc(var(--spacing) * 3);
  margin-left: calc(var(--spacing) * 3);
  height: 17px;
  width: 17px;
  background-image: url(../../../images/icon/play-white.svg);
}
.btn-goto-docs {
  display: flex;
  height: 38px;
  width: fit-content;
  flex-direction: row;
  align-items: center;
  border-radius: var(--radius-lg);
  background-repeat: no-repeat;
  --tw-leading: var(--leading-sm-same);
  line-height: var(--leading-sm-same);
  white-space: nowrap;
  opacity: 100;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: linear;
  transition-timing-function: linear;
  border-radius: var(--radius-lg);
  background-color: var(--color-portal-green);
  padding-block: calc(var(--spacing) * 2);
  padding-right: calc(var(--spacing) * 4);
  color: var(--color-white);
  opacity: 100;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: linear;
  transition-timing-function: linear;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-portal-green-60);
    }
  }
  @media (width >= 1024px) {
    background-color: var(--color-portal-green-60);
  }
  @media (width >= 1024px) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-portal-green);
      }
    }
  }
}
.btn-goto-docs {
  background-image: url(../../../images/icon/doc-white-xs.svg);
  background-position: left 1rem center;
  background-position: left 1rem center;
  padding-top: calc(var(--spacing) * 3);
  padding-right: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 2);
  padding-left: calc(var(--spacing) * 12);
}
.mac .btn-goto-inv:hover .icon {
  background-image: url(../../../images/icon/play-blue.svg);
}
.mac.btn-goto-docs .icon {
  margin-right: calc(var(--spacing) * 3);
  margin-left: calc(var(--spacing) * 3);
  display: inline-block;
  height: 22px;
  width: 20px;
  background-image: url(../../../images/icon/doc-white-xs.svg);
}
.mac [class^="btn-goto"] .text {
  display: inline-block;
  padding-bottom: calc(var(--spacing) * 1);
}
body:not(.mac) .tag, body:not(.mac) .tag__focus, body:not(.mac) .tag__info, body:not(.mac) .tag__doc {
  padding-top: calc(var(--spacing) * 1);
}
.main-content {
  width: 100%;
  @media (width >= 100%) {
    max-width: 100%;
  }
  @media (width >= 320px) {
    max-width: 320px;
  }
  @media (width >= 640px) {
    max-width: 640px;
  }
  @media (width >= 1024px) {
    max-width: 1024px;
  }
  @media (width >= 1280px) {
    max-width: 1280px;
  }
  @media (width >= 1500px) {
    max-width: 1500px;
  }
  @media (width >= 1920px) {
    max-width: 1920px;
  }
  @media (width >= 1921px) {
    max-width: 1921px;
  }
  @media (width >= 2500px) {
    max-width: 2500px;
  }
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 123rem) {
    max-width: 123rem;
  }
  margin-inline: auto;
  max-width: var(--mw-main-full);
  @media (width >= 640px) {
    margin-bottom: calc(var(--spacing) * 16);
  }
}
.container {
  margin-inline: auto;
  min-width: var(--mw-main);
}
section[data-module="edu"] + section[data-module="film-details"], section.metadata-list + section.metadata-list {
  padding-top: calc(var(--spacing) * 8);
}
footer h2 {
  margin-top: calc(var(--spacing) * 0);
}
#tinymce ol, article ol {
  margin-block: calc(var(--spacing) * 4);
  list-style-type: decimal;
  padding-left: calc(var(--spacing) * 10);
}
#tinymce ul, article ul {
  list-style-type: disc;
  padding-left: calc(var(--spacing) * 8);
}
#tinymce ul li::marker, article.article .content ul li::marker {
  color: var(--color-portal-blue);
}
.plain ul, label.plain {
  margin: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
}
.plain li {
  list-style-type: none;
  padding: calc(var(--spacing) * 0);
}
.plain a {
  text-decoration-line: none;
}
#tinymce li, .content li {
  padding: calc(var(--spacing) * 2);
}
ul.list-badge {
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 1);
  font-size: var(--text-h5);
}
ul.list-badge li {
  border-radius: var(--radius-md);
  background-color: var(--color-portal-gray);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
}
.content__list, .filmclip__list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(var(--spacing) * 4);
  row-gap: calc(var(--spacing) * 6);
  @media (width >= 640px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 12);
  }
}
.content__list.col4 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(var(--spacing) * 3);
  row-gap: calc(var(--spacing) * 4);
  @media (width >= 640px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (width >= 1024px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 8);
  }
  @media (width >= 1920px) {
    gap: calc(var(--spacing) * 14);
  }
}
.content__list img {
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.content__list .image, .filmclip__list2 .image {
  position: relative;
  overflow: hidden;
  object-fit: cover;
  @media (width >= 640px) {
    height: calc(var(--spacing) * 52);
  }
}
.list-article a.component, .list__container .content__list .list__item a {
  text-decoration-line: none;
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none;
    }
  }
}
.list__container .list__item {
  position: relative;
  width: 100%;
  max-width: var(--container-sm);
  place-self: center;
  @media (width >= 640px) {
    place-self: start;
  }
}
.content__list:not(.col4) .list__item {
  min-height: 230px;
}
.content__list .list__item {
  padding-top: 51%;
  @media (width >= 640px) {
    min-height: fit-content;
  }
  @media (width >= 640px) {
    padding-top: 74.46%;
  }
}
.content__list.col4 .list__item {
  padding-top: 70%;
}
.list__container .list__item a {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  border-radius: var(--radius-xl);
  text-decoration-line: none;
  backface-visibility: hidden;
}
.list__container .list__item .text {
  display: flex;
  height: calc(var(--spacing) * 20);
  flex-direction: column;
  justify-content: center;
  padding-inline: calc(var(--spacing) * 5);
}
.image .tag__info {
  position: absolute;
  top: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 4);
}
.content__list h5 {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content__list h6 {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content__list.col4 .image .tag__info {
  display: none;
  @media (width >= 1280px) {
    display: flex;
  }
}
.content__list.col4 h6 {
  display: none;
  @media (width >= 1280px) {
    display: block;
  }
}
.content__list.col4 h6 span {
  display: inline-block;
  padding-inline: calc(var(--spacing) * 1);
}
.filmclip__list:not(.col4) .list__item {
  min-height: 208px;
}
nav.top__menu a {
  text-decoration-line: none;
}
nav.breadcrumb {
  margin-top: calc(var(--spacing) * 4);
  @media (width >= 1024px) {
    margin-top: calc(var(--spacing) * 8);
  }
}
ul.breadcrumb {
  display: flex;
  list-style-type: none;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  padding-left: calc(var(--spacing) * 0);
}
.breadcrumb * {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.breadcrumb a {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.breadcrumb-item {
  color: var(--color-portal-black-70);
}
.breadcrumb > *:not(:first-child) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb-item a {
  color: var(--color-portal-black);
}
ul.breadcrumb li + li:before {
  content: '';
  background-image: url(../../../images/icon/chevron-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: calc(var(--spacing) * 2);
  padding-right: calc(var(--spacing) * 6);
}
.menu-container {
  display: flex;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 16) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-x-reverse)));
  }
  @media (width >= 1921px) {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.mobile-menu.top__menu {
  padding-inline: calc(var(--spacing) * 8);
}
.mobile-menu .mobile-menu-container ul {
  margin-top: calc(var(--spacing) * 4);
  margin-left: calc(var(--spacing) * 0);
  display: flex;
  flex-direction: column;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  @media (width >= 640px) {
    margin-left: calc(var(--spacing) * 8);
  }
}
.mobile-menu .mobile-menu-container ul ul {
  margin-bottom: calc(var(--spacing) * 2);
  margin-left: calc(var(--spacing) * 4);
}
.mobile-menu .mobile-menu-container ul li ul {
  display: none;
}
.mobile-menu .mobile-menu-container ul li.active ul {
  display: block;
}
button.mobile-menu-button {
  border: none;
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
}
.mobile-menu-button:focus {
  outline: none;
  outline-offset: -2px;
}
.icon {
  fill: var(--color-portal-blue-menu);
  height: 1em;
  width: 1em;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
.icon-menu-toggle {
  width: 2.2em;
  height: 2.2em;
  top: 0;
}
.svg-menu-toggle .line {
  opacity: 1;
  transform: rotate(0) translateY(0) translateX(0);
  transform-origin: 1em 1em;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
.svg-menu-toggle .line-1 {
  transform-origin: 1em 2.5em;
}
.svg-menu-toggle .line-3 {
  transform-origin: 1em 4.0em;
}
.mobile-menu-button.opened .svg-menu-toggle .line-1 {
  transform: rotate(45deg) translateY(0) translateX(0);
}
.mobile-menu-button.opened .svg-menu-toggle .line-2 {
  opacity: 0;
}
.mobile-menu-button.opened .svg-menu-toggle .line-3 {
  transform: rotate(-45deg) translateY(0em) translateX(0em);
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.metadata-container.col-2 {
  columns: 2;
  gap: calc(var(--spacing) * 4);
}
.metadata-list {
  list-style-type: none;
  padding: calc(var(--spacing) * 0);
}
.metadata__item {
  margin-bottom: calc(var(--spacing) * 4);
}
.metadata__item .item-title {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.modal-content {
  display: flex;
  max-width: var(--container-2xl);
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  overflow: hidden;
  border-radius: var(--radius-md);
}
.modal-footer {
  margin-top: calc(var(--spacing) * 8);
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: calc(var(--spacing) * 2);
  @media (width >= 40rem) {
    flex-direction: row;
  }
  @media (width >= 40rem) {
    align-items: center;
  }
  @media (width >= 48rem) {
    justify-content: flex-end;
  }
}
.modal-footer-button {
  cursor: pointer;
  border-radius: var(--radius-md);
  background-color: var(--color-black);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  text-align: center;
  white-space: nowrap;
}
@layer components {
  html, body {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--spacing-h4);
    line-height: var(--spacing-h4);
    color: var(--color-portal-black);
  }
  @media (max-width: 768px) {
    h1 {
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-h1-tablet);
      --tw-leading: var(--spacing-h2-lg);
      line-height: var(--spacing-h2-lg);
    }
  }
  @media (max-width: 640px) {
    h1 {
      font-size: var(--text-h1-mobile);
    }
  }
}
.mce-content-body p, article p {
  margin-bottom: calc(var(--spacing) * 3);
}
section.moduleText h3, article.film h3 {
  --tw-leading: var(--spacing-h3emp);
  line-height: var(--spacing-h3emp);
}
.text__icon {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: calc(var(--spacing) * 10);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: calc(var(--spacing) * 10);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: calc(var(--spacing) * 10);
  padding-top: calc(var(--spacing) * 0.5);
}
.break-word {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
div b, div strong {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
article div.content * {
  --tw-leading: var(--spacing-content);
  line-height: var(--spacing-content);
}
.image-wrapper.text-right {
  float: left;
}
.image-wrapper.text-left {
  float: right;
}
.list-relation {
  color: var(--color-portal-green);
}
.list-relation li {
  margin-bottom: calc(var(--spacing) * 4);
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.list-relation li a {
  display: flex;
  height: calc(var(--spacing) * 14);
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--radius-lg);
  background-color: var(--color-portal-green-10);
  background-image: url(../../../images/icon/arrow-right-green.svg);
  background-position: left 2rem center;
  background-repeat: no-repeat;
  padding-right: calc(var(--spacing) * 8);
  padding-left: calc(var(--spacing) * 14);
  font-size: var(--text-h5);
  --tw-leading: var(--spacing-h5);
  line-height: var(--spacing-h5);
  text-decoration-line: none;
  opacity: 100;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: linear;
  transition-timing-function: linear;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-portal-green-20);
    }
  }
}
.list-relation li a {
  padding-top: 4px;
}
.default-player-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.default-player-container img {
  height: 100%;
  width: 100%;
  cursor: pointer;
  object-fit: cover;
}
.default-player-container button {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  z-index: 2;
  display: flex;
  height: calc(var(--spacing) * 20);
  width: calc(var(--spacing) * 20);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-portal-blue);
  opacity: 70%;
  &:hover {
    @media (hover: hover) {
      opacity: 50%;
    }
  }
}
.default-player-container button i {
  display: block;
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  background-color: var(--color-white);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.no-access .default-player-container img {
  cursor: default;
}
.no-access .default-player-container button {
  cursor: default;
  background-color: var(--color-portal-red);
  &:hover {
    @media (hover: hover) {
      opacity: 70%;
    }
  }
}
.no-access .default-player-container button i {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg fill='%23000'%3E%3Cpath d='M18.544 12.59a1 1 0 0 1-.053 1.728L9.476 19.2A1 1 0 0 1 8 18.321V7.804a1 1 0 0 1 1.53-.848z'/%3E%3Cpath d='M4.293 5.707a1 1 0 0 1 1.414-1.414l16 16a1 1 0 0 1-1.414 1.414z'/%3E%3Cpath fill-rule='evenodd' d='M13 24c6.075 0 11-4.925 11-11S19.075 2 13 2S2 6.925 2 13s4.925 11 11 11m0 2c7.18 0 13-5.82 13-13S20.18 0 13 0S0 5.82 0 13s5.82 13 13 13' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: var(--color-white);
}
.filmlist-swiper-container {
  position: relative;
  overflow: hidden;
}
.filmlist__container .swiper-slide {
  display: flex;
  width: calc(var(--spacing) * 52);
  flex-direction: column;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.filmlist__container .swiper-slide .image {
  margin-bottom: calc(var(--spacing) * 2);
}
.filmlist__container .swiper-slide .image img {
  max-height: var(--mh-poster-image);
}
.filmlist__container .item-title {
  display: flex;
  height: calc(var(--spacing) * 10);
  align-items: center;
  column-gap: calc(var(--spacing) * 3);
}
.filmlist__container .item-title {
  display: flex;
  height: calc(var(--spacing) * 10);
  align-items: center;
  column-gap: calc(var(--spacing) * 3);
}
.filmlist__container .item-title span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.filmlist__container .swiper-wrapper {
  column-gap: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 2);
}
.swiper-container {
  width: 100%;
}
.swiper-button-prev, .swiper-button-next {
  display: block;
}
.swiper-button-prev {
  background-image: url(../../../images/icon/chevron-left-white.svg);
}
.swiper-button-next {
  background-image: url(../../../images/icon/chevron-right-white.svg);
}
.swiper-button-prev::after,	.swiper-button-next::after {
  content: none;
}
.page__filmlist__container h2, .filmlist__container h2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.page__filmlist__container .filmlist-description, .filmlist__container .filmlist-description {
  margin-bottom: calc(var(--spacing) * 6);
}
.content-rating {
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
}
.user-filmlist-container .list__film {
  margin-top: calc(var(--spacing) * 6);
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 2);
}
@media (max-width:465px) {
  .list__film {
    justify-content: center;
  }
}
.list__film .list__film-search-item a:focus-within, .list__film .list__film-search-item a:focus-visible {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-portal-blue));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: none !important;
}
.list__film :focus-visible {
  box-shadow: none !important;
}
.user-filmlist-container .list__film .list__film_item > div, .list__film .list__film-search-item {
  width: calc(var(--spacing) * 52);
}
.list__film .list__film-search-item a {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.list__film .film-poster {
  height: 19rem;
}
.list__film_item .film-poster img {
  max-height: var(--mh-poster-image);
}
.list__film_item a:hover {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.list__film_item .film-link {
  text-decoration-line: none;
}
.search-input-container-inner {
  margin-bottom: calc(var(--spacing) * 4);
  @media (width >= 640px) {
    margin-bottom: calc(var(--spacing) * 8);
  }
}
.search-input-container-inner > div {
  position: relative;
}
.search-input {
  padding: calc(var(--spacing) * 3);
  padding-left: calc(var(--spacing) * 12);
  @media (width >= 640px) {
    padding: calc(var(--spacing) * 2);
  }
  @media (width >= 640px) {
    padding-top: calc(var(--spacing) * 6);
  }
  @media (width >= 640px) {
    padding-bottom: calc(var(--spacing) * 5);
  }
  @media (width >= 640px) {
    padding-left: calc(var(--spacing) * 18);
  }
  width: 100%;
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 0px;
  font-size: var(--text-h4);
  opacity: 100%;
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-portal-blue));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  @media (width >= 640px) {
    font-size: var(--text-h3);
  }
}
.search-button {
  position: absolute;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10.5 3.75a6.75 6.75 0 1 0 0 13.5a6.75 6.75 0 0 0 0-13.5M2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5' clip-rule='evenodd'/%3E%3C/svg%3E");
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 8);
  background-repeat: no-repeat;
  &:hover {
    @media (hover: hover) {
      opacity: 80%;
    }
  }
  @media (width >= 640px) {
    width: calc(var(--spacing) * 16);
  }
  left: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  @media (width >= 640px) {
    left: calc(var(--spacing) * 8);
  }
  top: calc(1/2 * 100%);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.reset-button {
  position: absolute;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94z'/%3E%3C/svg%3E");
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 8);
  background-repeat: no-repeat;
  &:hover {
    @media (hover: hover) {
      opacity: 80%;
    }
  }
  @media (width >= 640px) {
    width: calc(var(--spacing) * 16);
  }
  right: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  @media (width >= 640px) {
    right: calc(var(--spacing) * 5);
  }
  @media (width >= 640px) {
    right: calc(var(--spacing) * 8);
  }
  top: calc(1/2 * 100%);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.search-filter-main-button {
  display: flex;
  align-items: flex-end;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  padding-top: calc(var(--spacing) * 1);
  padding-left: calc(var(--spacing) * 3);
  font-size: var(--text-h5);
  --tw-leading: var(--spacing-h5);
  line-height: var(--spacing-h5);
  text-transform: uppercase;
  &:hover {
    @media (hover: hover) {
      color: var(--color-portal-black-70);
    }
  }
  @media (width >= 640px) {
    padding-left: calc(var(--spacing) * 8);
  }
}
.search-filter-main-button i {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
.search-filter-button {
  margin-left: calc(var(--spacing) * 8);
  align-items: center;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }
  padding-top: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  color: var(--color-portal-black-70);
  &:hover {
    @media (hover: hover) {
      color: var(--color-portal-black);
    }
  }
}
.search-filter-button-mob {
  padding-top: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  color: var(--color-portal-black-70);
  &:hover {
    @media (hover: hover) {
      color: var(--color-portal-black);
    }
  }
}
.search-filter-grid {
  display: grid;
  @media (width >= 640px) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.search-filter-grid-norm {
  @media (width >= 1024px) {
    grid-template-columns: 0.8fr 1.5fr 1.3fr 0.9fr 1.2fr;
  }
}
.search-filter-grid-ext {
  @media (width >= 1024px) {
    grid-template-columns: 0.8fr 1.3fr 1.2fr 0.8fr 1.2fr 0.9fr;
  }
}
.search-filter-grid-col {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--spacing) * 1);
}
@media (min-width:639px) {
  .filter-button-col {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1);
  }
}
@media (max-width:639px) {
  .filter-button-col {
    display: flex;
    flex-wrap: wrap;
  }
  .search-filter-grid-col button {
    margin-right: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
  }
}
.search-filter-grid-col button {
  text-align: left;
}
@media (max-width:1023px) {
  .search-filter-grid .search-filter-grid-col:not(:first-child) {
    margin-top: calc(var(--spacing) * 6);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-portal-black-10);
    padding-top: calc(var(--spacing) * 6);
  }
}
.list__film_item > div {
  position: relative;
}
.list__film .item-title {
  display: flex;
  align-items: center;
  column-gap: calc(var(--spacing) * 3);
}
.list__film .item-title span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.btn-pagination, .paginglist a {
  height: 100%;
  width: 100%;
  border-radius: var(--radius-lg);
  background-color: var(--color-portal-black-10);
  background-repeat: no-repeat;
  text-decoration-line: none;
  &:active {
    background-color: var(--color-portal-blue-90);
  }
  @media (width >= 1024px) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-portal-blue-90);
      }
    }
  }
  @media (width >= 1024px) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
}
.btn-pagination.ative, .paginglist a.active {
  background-color: var(--color-portal-blue-90);
  color: var(--color-white);
  text-decoration-line: none;
}
.paginglist li a {
  margin: calc(var(--spacing) * 0);
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding: calc(var(--spacing) * 0);
}
body:not(.mac) .paginglist li a {
  padding-top: calc(var(--spacing) * 1);
}
body:not(.mac) .paginglist li a.icon svg {
  margin-bottom: calc(var(--spacing) * 1);
}
.dropdownContainer {
  float: right;
  width: fit-content;
}
button#dropdownSortOrder {
  margin-bottom: calc(var(--spacing) * 4);
  display: inline-flex;
  align-items: center;
  background-image: url(../../../images/icon/angle-down.svg);
  background-position: right 1rem center;
  background-position: right 1rem center;
  background-repeat: no-repeat;
  padding-block: calc(var(--spacing) * 1);
  padding-right: calc(var(--spacing) * 12);
  padding-left: calc(var(--spacing) * 5);
  text-align: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
#dropdownHover {
  display: none;
}
.dropdownContainer:hover #dropdownHover {
  position: absolute;
  z-index: 10;
  display: block;
  width: fit-content;
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
}
#dropdownHover li {
  display: block;
  cursor: pointer;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  white-space: nowrap;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeInList .fadeInItem {
  opacity: 0;
}
.paging__container {
  margin-inline: auto;
  width: fit-content;
}
.paginglist {
  display: flex;
  gap: calc(var(--spacing) * 2);
  @media (width >= 640px) {
    gap: calc(var(--spacing) * 4);
  }
}
.paginglist li a {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none;
    }
  }
}
.paging-type-article {
  margin-top: calc(var(--spacing) * 4);
}
#main-content {
  width: 1px;
  height: 1px;
}
section.module-sub-menu, section.module-mypages-favorites, section.module-user-profile, section.module-mypages-filmlists, section.module-search-filter {
  margin-inline: calc(var(--spacing) * 4);
  max-width: var(--mw-main-sm);
  @media (width >= 640px) {
    margin-bottom: calc(var(--spacing) * 16);
  }
  @media (width >= 1280px) {
    margin-inline: auto;
  }
  margin-bottom: calc(var(--spacing) * 6);
}
section.module-search-filter {
  width: 100%;
  @media (width >= 100%) {
    max-width: 100%;
  }
  @media (width >= 320px) {
    max-width: 320px;
  }
  @media (width >= 640px) {
    max-width: 640px;
  }
  @media (width >= 1024px) {
    max-width: 1024px;
  }
  @media (width >= 1280px) {
    max-width: 1280px;
  }
  @media (width >= 1500px) {
    max-width: 1500px;
  }
  @media (width >= 1920px) {
    max-width: 1920px;
  }
  @media (width >= 1921px) {
    max-width: 1921px;
  }
  @media (width >= 2500px) {
    max-width: 2500px;
  }
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 123rem) {
    max-width: 123rem;
  }
  margin-inline: auto;
  max-width: var(--mw-main-full);
  margin-bottom: calc(var(--spacing) * 6);
}
.cookielist {
  margin-left: 30px;
  list-style-type: disc;
}
.user-filmlist {
  display: flex;
  align-items: center;
  align-items: stretch;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.film-detail .user-filmlist {
  justify-content: space-between;
}
.dr-select-item span {
  flex-grow: 1;
  text-align: left;
}
.user-filmlist-container .icon-button {
  height: calc(var(--spacing) * 12);
  padding-inline: calc(var(--spacing) * 3);
}
.user-filmlist-container button i {
  background-color: var(--color-black);
  vertical-align: middle;
}
.user-filmlist-container button.nvp-btn-danger i {
  background-color: var(--color-white);
}
.login .validation-summary-errors {
  margin-bottom: calc(var(--spacing) * 2);
}
.pay-container, .cart-container {
  margin-inline: calc(var(--spacing) * 4);
  max-width: var(--mw-main-xxs);
  @media (width >= 640px) {
    margin-bottom: calc(var(--spacing) * 10);
  }
  @media (width >= 1280px) {
    margin-inline: auto;
  }
  margin-bottom: calc(var(--spacing) * 8);
}
.cart-container .header {
  display: flex;
  align-items: center;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.cart-container .header i {
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.75 3.75 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421a60 60 0 0 0 2.96-7.228a.75.75 0 0 0-.525-.965A61 61 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25zm1.5 18a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0m12.75 0a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  background-repeat: no-repeat;
}
.cart-container .header span {
  color: var(--color-black);
}
.cart-container .cart-items {
  display: flex;
  flex-direction: column;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.cart-container .cart-item {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-radius: var(--radius-lg);
  @media (width >= 640px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media print {
    background-color: var(--color-white);
  }
}
.cart-container .cart-item img {
  height: 100%;
  width: 100%;
  border-radius: var(--radius-sm);
  object-fit: cover;
  @media (width >= 640px) {
    max-height: 525px;
  }
  @media (width >= 640px) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.cart-total, .f-end {
  margin-top: calc(var(--spacing) * 4);
  display: flex;
  justify-content: flex-end;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.cart-container.cart-short, .pay-termsofservice {
  margin-bottom: calc(var(--spacing) * 8);
  width: 600px;
  max-width: 100%;
}
.cart-container.cart-short .cart-item img {
  height: 100%;
  width: 100%;
  border-radius: var(--radius-sm);
  object-fit: cover;
  @media (width >= 640px) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.cart-container.cart-short .content-container > div {
  padding: calc(var(--spacing) * 2);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 4);
  }
}
.pay-termsofservice {
  margin-inline: auto;
}
.pay-termsofservice button.open-modal {
  margin-inline: auto;
  width: 100%;
  text-align: center;
  font-size: var(--text-h6);
}
div.pay-cancel {
  margin-top: calc(var(--spacing) * 4);
  display: flex;
  justify-content: center;
  @media (width >= 48rem) {
    justify-content: flex-end;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
main a.nvp-btn-primary, main a.btn-danger, a.btn-danger {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
section[data-module="title"], section[data-module="search"], section[data-module="film"], section[data-module="article"], section[data-module="list"], section[data-module="filmlist"], section[data-module="search-result"], section[data-module="large-focus"] {
  margin-inline: calc(var(--spacing) * 4);
}
body.module-full-width main > section:first-of-type {
  margin-inline: calc(var(--spacing) * 0) !important;
}
section[data-module="title"] + section[data-module="title"], section[data-module="title"] + section[data-module="large-focus"], section[data-module="title"] + section[data-module="search"], section[data-module="title"] + section[data-module="film"], section[data-module="title"] + section[data-module="article"], section[data-module="title"] + section[data-module="filmlist"] {
  margin-top: calc(var(--spacing) * 6);
}
section[data-module="large-focus"] + section[data-module="title"], section[data-module="list"] + section[data-module="title"], section[data-module="title"] + section[data-module="list"], section[data-module="filmlist"] + section[data-module="list"], section[data-module="list"] + section[data-module="large-focus"], section[data-module="large-focus"] + section[data-module="list"], section[data-module="large-focus"] + section[data-module="large-focus"], section[data-module="list"] + section[data-module="search"], section[data-module="large-focus"] + section[data-module="film"], section[data-module="large-focus"] + section[data-module="article"], section[data-module="search"] + section[data-module="large-focus"], section[data-module="search"] + section[data-module="title"], section[data-module="search"] + section[data-module="list"] {
  margin-top: calc(var(--spacing) * 8);
}
section[data-module="filmlist"] + section[data-module="filmlist"], section[data-module="search"] + section[data-module="filmlist"], section[data-module="large-focus"] + section[data-module="filmlist"], section[data-module="list"] + section[data-module="filmlist"], section[data-module="film"] + section[data-module="filmlist"], section[data-module="article"] + section[data-module="filmlist"] {
  margin-top: calc(var(--spacing) * 8);
}
main#main > section[data-module="large-focus"]:last-child, main#main > section[data-module="title"]:last-child, section[data-module="list"]:last-child, section[data-module="filmlist"]:last-child, section[data-module="filmclip"]:last-child {
  margin-bottom: calc(var(--spacing) * 4);
}
section[data-module="edu"] + section[data-module="film-details"], section.metadata-list + section.metadata-list {
  margin-top: calc(var(--spacing) * 2);
}
:root {
  --gradient-color: rgba(0, 0, 0, 1);
  --gradient-color-transparent: rgba(0, 0, 0, 0);
  --gradient-width: 3rem;
  --gradient-height: 18rem;
}
html, html body {
  margin-inline: auto;
  width: 100%;
  background-color: var(--color-portal-background);
  color: var(--color-portal-text);
}
.container {
  position: relative;
  max-width: 100%;
  @media (width >= 1920px) {
    max-width: var(--breakpoint-wide);
  }
}
#filmPlayerContainer {
  margin-inline: auto;
  margin-top: calc(var(--spacing) * 8);
  max-width: 100%;
  max-width: var(--breakpoint-lg);
  @media (width >= 1280px) {
    max-width: var(--breakpoint-xl);
  }
  @media (width >= 1920px) {
    max-width: var(--breakpoint-2xl);
  }
}
[type='text'], input:where(:not([type])), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select, input, optgroup, select, textarea {
  background-color: var(--color-portal-inputcolorbg);
  color: var(--color-black);
}
a {
  cursor: pointer;
}
main article {
  margin-inline: calc(var(--spacing) * 4);
  @media (width >= 1024px) {
    margin-inline: calc(var(--spacing) * 0);
  }
}
main a:hover, main a.active {
  color: var(--color-portal-hovercolor);
}
footer {
  margin-top: calc(var(--spacing) * 12);
  margin-bottom: calc(var(--spacing) * 14);
}
body.module-full-width .container {
  position: relative;
}
body.module-full-width .container > header {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--gradient-height);
  background: linear-gradient( 180deg, #000000 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent );
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--gradient-height);
  background: linear-gradient( 180deg, #000000 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent );
  pointer-events: auto;
  position: absolute;
  top: calc(var(--spacing) * 0);
  z-index: 1;
}
header#menu {
  z-index: 2;
}
header#menu #menu-pc > div {
  margin-inline: calc(var(--spacing) * 4);
}
#menu-pc {
  padding-top: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 4);
  @media (width >= 640px) {
    padding-bottom: calc(var(--spacing) * 4);
  }
  @media (width >= 1920px) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  @media (width >= 1920px) {
    padding-top: calc(var(--spacing) * 4);
  }
}
.top__menu ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.top__menu a {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  &:hover {
    @media (hover: hover) {
      color: var(--color-portal-hovercolor);
    }
  }
  font-weight: 300;
}
.top__menu a.active {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.top__menu a.active {
  color: var(--color-portal-hovercolor);
}
a.logo {
  width: calc(var(--spacing) * 52);
  @media (width >= 64rem) {
    width: calc(var(--spacing) * 56);
  }
}
#menu-pc .top__menu {
  display: flex;
  justify-content: flex-end;
}
#menu-mobile {
  background-color: var(--color-black);
}
#menu-mobile .icon {
  fill: var(--color-white);
}
#menu-mobile .mobile-menu > div {
  padding-block: calc(var(--spacing) * 2);
}
#menu-mobile .mobile-menu {
  z-index: 20;
  background-color: var(--color-portal-background);
}
#menu-mobile > div {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
.footer {
  margin-inline: calc(var(--spacing) * 4);
  @media (width >= 1920px) {
    margin-inline: calc(var(--spacing) * 4);
  }
}
footer .nf-logo {
  margin-block: calc(var(--spacing) * 8);
  margin-right: calc(var(--spacing) * 4);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  font-size: var(--text-h6);
}
footer .nf-logo a {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-indent: -9999px;
  background-image: url(../../../../../images/logo/norgesfilm-invert-rgb.svg);
  background-size: contain;
  width: 120px;
  height: calc(140px * (47 / 425));
}
footer .images {
  margin-inline: auto;
}
footer .image {
  max-width: 200px;
}
@media (max-width: 768px) {
  footer table {
    display: block;
    width: 100%;
  }
  footer table thead,	footer table tbody,	footer table th,	footer table td,	footer table tr {
    display: block;
    width: 100%;
  }
  footer table tr {
    margin-bottom: calc(var(--spacing) * 4);
  }
  footer table td {
    padding: calc(var(--spacing) * 4);
  }
  footer table td img {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
  }
}
.modal-content {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-white);
  background-color: var(--color-black);
  padding-inline: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 4);
}
.modal-content p {
  margin-bottom: calc(var(--spacing) * 3);
}
.modal-footer-button {
  background-color: var(--color-white);
  color: var(--color-black);
  &:hover {
    @media (hover: hover) {
      opacity: 75%;
    }
  }
}
@layer components {
  html, body {
    background-color: var(--color-body);
    font-family: var(--font-open-sans);
    font-family: var(--font-open-sans);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    font-size: var(--text-h4);
    --tw-leading: var(--spacing-h3);
    line-height: var(--spacing-h3);
    color: var(--color-portal-gray-darker);
  }
  h1 {
    font-family: var(--font-montserrat);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  @media (max-width: 768px) {
    h1 {
      margin-bottom: calc(var(--spacing) * 8);
      font-size: var(--text-h1);
      --tw-leading: var(--spacing-h1);
      line-height: var(--spacing-h1);
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-h1-tablet);
      --tw-leading: var(--spacing-h2-lg);
      line-height: var(--spacing-h2-lg);
    }
  }
  @media (max-width: 640px) {
    h1 {
      font-size: var(--text-h1-mobile);
    }
  }
}
.mce-content-body p, article p {
  margin-bottom: calc(var(--spacing) * 3);
}
section.moduleText h3, article.film h3 {
  --tw-leading: var(--spacing-h3emp);
  line-height: var(--spacing-h3emp);
}
.text__icon {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: calc(var(--spacing) * 10);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: calc(var(--spacing) * 10);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: calc(var(--spacing) * 10);
  padding-top: calc(var(--spacing) * 0.5);
}
div b, div strong {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
article div.content * {
  --tw-leading: var(--spacing-content);
  line-height: var(--spacing-content);
}
h1 {
  margin-bottom: calc(var(--spacing) * 8);
  font-size: var(--text-h1);
  --tw-leading: var(--spacing-h1);
  line-height: var(--spacing-h1);
}
h2 {
  margin-top: calc(var(--spacing) * 8);
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-h2);
  --tw-leading: var(--spacing-h2);
  line-height: var(--spacing-h2);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
h3 {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-h3);
  --tw-leading: var(--spacing-h3);
  line-height: var(--spacing-h3);
}
h4 {
  margin-block: calc(var(--spacing) * 4);
  font-size: var(--text-h4);
  --tw-leading: var(--spacing-h4);
  line-height: var(--spacing-h4);
}
h5 {
  font-size: var(--text-h5);
  --tw-leading: var(--spacing-h5);
  line-height: var(--spacing-h5);
}
h6 {
  font-size: var(--text-h6);
  --tw-leading: var(--spacing-h6);
  line-height: var(--spacing-h6);
}
h7 {
  font-size: var(--text-h7);
  --tw-leading: var(--spacing-h7);
  line-height: var(--spacing-h7);
}
.published {
  margin-block: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-portal-gray);
  color: var(--color-portal-gray);
}
.article-content {
  margin-top: calc(var(--spacing) * 4);
  @media (width >= 640px) {
    margin-top: calc(var(--spacing) * 6);
  }
  @media (width >= 1024px) {
    margin-inline: auto;
  }
  @media (width >= 1024px) {
    width: calc(4/5 * 100%);
  }
  @media (width >= 1280px) {
    width: calc(3/5 * 100%);
  }
}
.picture-articlemain img {
  width: 100%;
}
.picture-articlemain::after {
  @media (width >= 48rem) {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient( to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100% );
  }
  @media (width >= 48rem) {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient( to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100% );
  }
}
article.film {
  margin-top: calc(var(--spacing) * 4);
  @media (width >= 640px) {
    margin-top: calc(var(--spacing) * 6);
  }
  @media (width >= 1024px) {
    margin-inline: auto;
  }
  @media (width >= 1024px) {
    width: calc(4/5 * 100%);
  }
  @media (width >= 1280px) {
    width: calc(3/5 * 100%);
  }
}
.film.content p {
  margin-bottom: calc(var(--spacing) * 4);
}
.film.content p:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
.picture-articlemain {
  position: relative;
}
#filmdetails .image-effect img,	.picture-articlemain img {
  max-height: 800px;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.image-effect::after, .article .imgcontainer picture::after {
  @media (width >= 48rem) {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient( to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100% );
  }
  @media (width >= 48rem) {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient( to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100% );
  }
}
.article .imgcontainer + .article-content, .film-header-container + article.film {
  position: relative;
  @media (width >= 48rem) {
    margin-top: calc(130px * -1);
  }
}
.metadata-container.laptop-view .divider {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  min-height: 1em;
  width: 1px;
}
.metadata-container.mobile-view .divider {
  margin-bottom: calc(var(--spacing) * 4);
  height: 1px;
  width: 100%;
  min-width: 1em;
}
.divider {
  align-self: stretch;
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  --tw-gradient-position: to top right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-via: var(--color-neutral-500);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  opacity: 25%;
  @media (prefers-color-scheme: dark) {
    --tw-gradient-via: var(--color-neutral-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
}
.metadata-container {
  margin-inline: auto;
  border-radius: 0.25rem;
  padding-inline: calc(var(--spacing) * 6);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.metadata-container.laptop-view {
  position: relative;
  float: right;
  margin-bottom: calc(var(--spacing) * 8);
  margin-left: calc(var(--spacing) * 12);
  display: none;
  width: calc(5/12 * 100%);
  max-width: var(--container-xl);
  @media (width >= 1024px) {
    display: block;
  }
}
.metadata-container.mobile-view {
  width: 100%;
  padding-inline: calc(var(--spacing) * 0);
  @media (width >= 1024px) {
    display: none;
  }
}
.playbutton-lg {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  z-index: 1;
  display: flex;
  height: calc(var(--spacing) * 16);
  width: calc(var(--spacing) * 16);
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  color: var(--color-black);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-maintext);
    }
  }
  transform: translate(-50%, -50%);
}
.playbutton-lg i {
  display: block;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643z" clip-rule="evenodd"/></svg>');
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643z" clip-rule="evenodd"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
}
#player-wrap {
  display: flex;
  justify-content: center;
  height: 100%;
  min-width: 320px;
  max-width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  object-fit: cover;
}
#player-wrap iframe {
  height: 100%;
  min-width: 320px;
  max-width: 100%;
  aspect-ratio: 16/9;
}
.screen-cover {
  position: fixed;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 999;
  height: 100%;
  width: 100%;
  background-color: var(--color-black);
}
#videoFrame {
  z-index: 1000;
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0%;
}
#closeButton {
  position: absolute;
  top: calc(var(--spacing) * 6);
  right: calc(var(--spacing) * 4);
  z-index: 1001;
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  cursor: pointer;
  @media (width >= 48rem) {
    top: calc(var(--spacing) * 10);
  }
  @media (width >= 48rem) {
    right: calc(var(--spacing) * 5);
  }
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 12);
  }
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 12);
  }
}
#filmPlayerContainer {
  position: relative;
}
.film-ppv {
  margin-bottom: calc(var(--spacing) * 6);
  display: flex;
  align-items: center;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.valid-to {
  border-radius: 0.25rem;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  border-radius: 0.25rem;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  border-radius: var(--radius-xl);
  background-color: var(--color-portal-gray-darker);
  color: var(--color-white);
}
.filmlist-swiper-container {
  position: relative;
  overflow: hidden;
}
.filmlist__container .swiper-slide {
  display: flex;
  width: calc(var(--spacing) * 52);
  flex-direction: column;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.filmlist__container .swiper-slide .image {
  margin-bottom: calc(var(--spacing) * 4);
}
.filmlist__container .swiper-slide .image img {
  height: var(--poster-image);
  max-height: var(--poster-image);
}
.filmlist__container .swiper-slide h5 {
  display: none;
}
.filmlist__container .swiper-wrapper {
  column-gap: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 2);
}
.swiper-container {
  width: 100%;
}
.swiper-button-prev, .swiper-button-next {
  z-index: 1;
  display: block;
  height: calc(var(--spacing) * 16);
  width: calc(var(--spacing) * 16);
  border-radius: calc(infinity * 1px);
  background-position: center;
  background-repeat: no-repeat;
  top: var(--swiper-navigation-top-offset,40%);
}
.swiper-button-prev::after,	.swiper-button-next::after {
  content: none;
}
.filmlist__container h2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.filmlist__container .filmlist-description {
  margin-bottom: calc(var(--spacing) * 6);
}
.swiper-slide .filmlistposter {
  border-radius: 0.25rem;
}
.swiper-slide:hover .filmlistposter, .list__film_item :hover .film-poster img {
  transform: translateY(-3px);
}
.list__film {
  column-gap: calc(var(--spacing) * 4);
  row-gap: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 1);
  padding-bottom: calc(var(--spacing) * 0);
}
.list__film_item h5 {
  display: none;
}
section[data-module="large-focus"] .btn-icon {
  padding: calc(var(--spacing) * 0);
}
.hotspot-item {
  position: relative;
  width: 100%;
}
.hotspot-image {
  width: 100%;
}
.hotspot-item h2 {
  margin-top: calc(var(--spacing) * 2);
  margin-bottom: calc(var(--spacing) * 2);
}
.hotspot-item .text-wrap {
  left: calc(var(--spacing) * 2);
  z-index: 2;
  border-radius: 0.25rem;
  padding: calc(var(--spacing) * 6);
  @media (width >= 48rem) {
    position: absolute;
  }
  @media (width >= 48rem) {
    top: calc(1/4 * 100%);
  }
  @media (width >= 48rem) {
    left: calc(var(--spacing) * 8);
  }
  @media (width >= 64rem) {
    top: calc(2/4 * 100%);
  }
  @media (width >= 64rem) {
    left: calc(var(--spacing) * 16);
  }
  background: rgba(17, 17, 17, 0.4);
}
section[data-module="large-focus"] .play-hotspot {
  display: flex;
  align-items: center;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 2);
  --tw-leading: calc(var(--spacing) * 10);
  line-height: calc(var(--spacing) * 10);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-portal-gray-lightest);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-black);
    }
  }
}
.play-hotspot i {
  display: block;
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643z" clip-rule="evenodd"/></svg>');
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643z" clip-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
}
.hotspot-item {
  position: relative;
  width: 100%;
  height: 100%;
  position: relative;
  width: 100%;
  height: 100%;
}
.hotspot-item::after {
  position: absolute;
  pointer-events: none;
  top: 0;
  right: 0;
  width: var(--gradient-width);
  height: 100%;
  background: linear-gradient( to left, var(--gradient-color) 0%, var(--gradient-color-transparent) 100% );
  position: absolute;
  pointer-events: none;
  top: 0;
  right: 0;
  width: var(--gradient-width);
  height: 100%;
  background: linear-gradient( to left, var(--gradient-color) 0%, var(--gradient-color-transparent) 100% );
}
.list__container {
  margin-top: calc(var(--spacing) * 4);
}
.filmclip__list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(var(--spacing) * 4);
  row-gap: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 12);
  }
}
.content__list.cols-1 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(var(--spacing) * 4);
  row-gap: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 12);
  }
  @media (width >= 640px) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.content__list.cols-2 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(var(--spacing) * 4);
  row-gap: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 12);
  }
  @media (width >= 640px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.content__list.cols-3 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(var(--spacing) * 4);
  row-gap: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 12);
  }
  @media (width >= 640px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.content__list.cols-4 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(var(--spacing) * 4);
  row-gap: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 12);
  }
  @media (width >= 640px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.content__list.cols-5 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(var(--spacing) * 4);
  row-gap: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 12);
  }
  @media (width >= 640px) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.list__container .content__list .list__item, .list__container .content__list .list__item a {
  background-color: var(--color-portal-gray-darker);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-portal-gray-darkest);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-portal-hovercolor);
    }
  }
}
.content__list img {
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.content__list .image, .filmclip__list2 .image {
  position: relative;
  overflow: hidden;
  object-fit: cover;
  @media (width >= 640px) {
    height: calc(var(--spacing) * 52);
  }
}
.metadata-container {
  margin-bottom: calc(var(--spacing) * 10);
}
body .metadata-list {
  margin-bottom: calc(var(--spacing) * 4);
  margin-left: calc(var(--spacing) * -2);
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 4);
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  padding-left: calc(var(--spacing) * 0);
}
.metadata-list .metadata__item {
  margin-bottom: calc(var(--spacing) * 1);
  display: flex;
  width: 100%;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
}
article.film .metainfo-container {
  margin-bottom: calc(var(--spacing) * 4);
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(var(--spacing) * 2);
  row-gap: calc(var(--spacing) * 1);
  color: var(--color-portal-gray);
  color: var(--color-portal-gray);
  @media (width >= 64rem) {
    row-gap: calc(var(--spacing) * 2);
  }
}
.metainfo-container .text-sm-info {
  font-size: var(--text-h6);
}
.film-subs {
  margin-right: calc(var(--spacing) * 2);
  display: flex;
  font-size: var(--text-h6);
  font-size: var(--text-h6);
}
.film-subs ul {
  display: flex;
  padding: calc(var(--spacing) * 0);
}
.film-subs li {
  position: relative;
  list-style-type: none;
  padding-right: calc(var(--spacing) * 3);
  padding-left: calc(var(--spacing) * 2);
}
.film-subs li:not(:last-child)::after {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 9);
  margin: auto;
  content: "|";
}
.list__film-search__container {
  margin-bottom: calc(var(--spacing) * 12);
}
.search-input-container {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 4);
  align-items: center;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
  }
  @media (width >= 48rem) {
    display: flex;
  }
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 12);
  }
  max-width: 725px;
}
.search-field-container {
  position: relative;
  max-width: calc(var(--spacing) * 80);
  flex-grow: 1;
}
.dropdownContainer {
  margin-right: calc(var(--spacing) * 0);
}
.search-input-container-inner {
  display: flex;
  width: 100%;
}
.search-input-fieldcontainer {
  flex-grow: 1;
}
input#search {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-bottom-color: var(--color-maindark);
  color: var(--color-maintext);
}
input#search::placeholder {
  color: var(--color-maintext);
}
input#search, .accordion, .btn-filter {
  border-radius: 0;
}
.search-input {
  width: 100%;
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding: calc(var(--spacing) * 6);
  padding-bottom: calc(var(--spacing) * 5);
  padding-left: calc(var(--spacing) * 16);
  font-size: var(--text-h4);
  opacity: 100%;
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-portal-blue));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  @media (width >= 640px) {
    padding-left: calc(var(--spacing) * 20);
  }
  @media (width >= 640px) {
    font-size: var(--text-h3);
  }
}
.search-filter .accordion {
  margin-bottom: calc(var(--spacing) * 4);
  background-color: var(--color-maindark);
  padding: calc(var(--spacing) * 6);
}
.btn-filter {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-maindark);
    }
  }
}
.btn-filter.active {
  background-color: var(--color-maindark);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-portal-black-90);
    }
  }
}
button#dropdownSortOrder {
  margin-top: calc(var(--spacing) * 6);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17.8" height="8.262" viewBox="0 0 17.8 8.262"><g id="Group_13" transform="translate(1.401 1.401)" opacity="0.795"><g id="Group_12" transform="translate(0 0)"><path id="Path_9" d="M15,0,7.418,5.612,0,0" transform="translate(0 0)" fill="none" stroke="%23EFEFEB" stroke-linecap="round" stroke-width="2"/></g></g></svg>');
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17.8" height="8.262" viewBox="0 0 17.8 8.262"><g id="Group_13" transform="translate(1.401 1.401)" opacity="0.795"><g id="Group_12" transform="translate(0 0)"><path id="Path_9" d="M15,0,7.418,5.612,0,0" transform="translate(0 0)" fill="none" stroke="%23EFEFEB" stroke-linecap="round" stroke-width="2"/></g></g></svg>');
}
#dropdownHover {
  display: none;
}
.dropdownContainer:hover #dropdownHover {
  position: absolute;
  top: calc(var(--spacing) * 14);
  right: calc(var(--spacing) * 0);
  z-index: 10;
  display: block;
  width: fit-content;
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(& > :not(:last-child)) {
    border-color: var(--color-portal-gray-darkest);
  }
  background-color: var(--color-portal-gray-darker);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
#dropdownHover li {
  color: var(--color-maintext);
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.list__film_item {
  margin-bottom: calc(var(--spacing) * 2);
  max-width: fit-content;
  flex-shrink: 0;
  flex-grow: 1;
}
.btn-pagination, .paginglist a {
  border-radius: 0;
  background-color: var(--color-maindark);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-maintext);
    }
  }
}
.btn-pagination.ative, .paginglist a.active {
  background-color: var(--color-maintext);
  color: var(--color-white);
}
#landingpage {
  margin: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: calc(var(--spacing) * 0);
}
#landingpage .container {
  margin-inline: auto;
  padding-inline: calc(var(--spacing) * 1);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
input, .login-input {
  color: var(--color-maintext) !important;
}
#landingpage header {
  display: none;
}
@media (min-width: 20rem) {
  #landingpage .container {
    max-width: 98%;
  }
}
.login {
  margin-inline: auto;
  margin-top: calc(var(--spacing) * 8);
  max-width: 100%;
  border-radius: var(--radius-lg);
  background-color: var(--color-portal-gray-darker);
  padding: calc(var(--spacing) * 6);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 12);
  }
  background-color: rgba(0, 0, 0, 0.4);
}
.login .login-logo {
  max-width: 12rem;
  @media (width >= 48rem) {
    max-width: 16rem;
  }
  @media (width >= 64rem) {
    max-width: 20rem;
  }
}
.login a {
  text-decoration-line: underline;
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none;
    }
  }
}
@media (min-width: 641px) {
  .login {
    width: 800px;
    margin-top: 14vh;
  }
}
.login-content {
  margin-bottom: calc(var(--spacing) * 6);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 12);
  }
}
.login-section {
  margin-top: calc(var(--spacing) * 6);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 12);
  }
}
.login form {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (width >= 64rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.login-input {
  width: 100%;
  appearance: none;
  border-radius: 0.25rem;
  background-color: var(--color-portal-gray-lighter);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  --tw-leading: calc(var(--spacing) * 10);
  line-height: calc(var(--spacing) * 10);
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  border: 1px solid #555;
}
.login input::placeholder {
  color: #333;
}
.login label {
  display: block;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.login-button {
  border-radius: 0.25rem;
  background-color: var(--color-primary);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  text-align: right;
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      opacity: 80%;
    }
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}
.login-header {
  margin-bottom: calc(var(--spacing) * 0);
  color: var(--color-white);
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 4);
  }
}
.login-text {
  margin-bottom: calc(var(--spacing) * 3);
  color: var(--color-white);
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 6);
  }
}
.login-links a {
  display: block;
}
.login-logo {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 2);
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
}
.validation-summary-errors {
  margin-bottom: calc(var(--spacing) * 2);
  border-radius: 0.25rem;
  padding: calc(var(--spacing) * 2);
  background-color: rgba(0, 0, 0, 0.8);
}
#swedbankpay-checkout, #paymentMenuFrame > div, #paymentMenuFrame div, #paymentMenuFrame > div iframe {
  background-color: var(--color-portal-background);
}
.module-mypages-rentedfilms {
  margin-inline: auto;
  margin-block: calc(var(--spacing) * 8);
  max-width: 600px;
}
.module-mypages-rentedfilms .cart-items {
  display: flex;
  flex-direction: row;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.module-mypages-rentedfilms .cart-item {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-radius: var(--radius-lg);
  background-color: var(--color-portal-gray-darker);
  @media (width >= 640px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media print {
    background-color: var(--color-white);
  }
}
.cart-item .content-container {
  padding-top: calc(var(--spacing) * 8);
  padding-right: calc(var(--spacing) * 2);
  padding-left: calc(var(--spacing) * 4);
}
.module-mypages-rentedfilms .cart-item img {
  max-height: 175px;
  width: 100%;
  border-radius: 0.25rem;
  object-fit: cover;
  @media (width >= 640px) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
section[data-module="resetcache"] {
  margin-inline: calc(var(--spacing) * 12);
}
#landingpage {
  margin: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: calc(var(--spacing) * 0);
}
#landingpage .container {
  margin-inline: auto;
  padding-inline: calc(var(--spacing) * 1);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
input, .login-input {
  color: var(--color-maintext) !important;
}
#landingpage header {
  display: none;
}
@media (min-width: 20rem) {
  #landingpage .container {
    max-width: 98%;
  }
}
.login {
  margin-inline: auto;
  margin-top: calc(var(--spacing) * 8);
  max-width: 100%;
  border-radius: var(--radius-lg);
  background-color: var(--color-portal-gray-darker);
  padding: calc(var(--spacing) * 6);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 12);
  }
  background-color: rgba(0, 0, 0, 0.4);
}
.login .login-logo {
  max-width: 12rem;
  @media (width >= 48rem) {
    max-width: 16rem;
  }
  @media (width >= 64rem) {
    max-width: 20rem;
  }
}
.login a {
  text-decoration-line: underline;
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none;
    }
  }
}
@media (min-width: 641px) {
  .login {
    width: 800px;
    margin-top: 14vh;
  }
}
.login-content {
  margin-bottom: calc(var(--spacing) * 6);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 12);
  }
}
.login-section {
  margin-top: calc(var(--spacing) * 6);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 12);
  }
}
.login form {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (width >= 64rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.login-input {
  width: 100%;
  appearance: none;
  border-radius: 0.25rem;
  background-color: var(--color-portal-gray-lighter);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  --tw-leading: calc(var(--spacing) * 10);
  line-height: calc(var(--spacing) * 10);
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  border: 1px solid #555;
}
.login input::placeholder {
  color: #333;
}
.login label {
  display: block;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.login-button {
  border-radius: 0.25rem;
  background-color: var(--color-primary);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  text-align: right;
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      opacity: 80%;
    }
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}
.login-header {
  margin-bottom: calc(var(--spacing) * 0);
  color: var(--color-white);
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 4);
  }
}
.login-text {
  margin-bottom: calc(var(--spacing) * 3);
  color: var(--color-white);
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 6);
  }
}
.login-links a {
  display: block;
}
.login-logo {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 2);
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
}
.validation-summary-errors {
  margin-bottom: calc(var(--spacing) * 2);
  border-radius: 0.25rem;
  padding: calc(var(--spacing) * 2);
  background-color: rgba(0, 0, 0, 0.8);
}
#swedbankpay-checkout, #paymentMenuFrame > div, #paymentMenuFrame div, #paymentMenuFrame > div iframe {
  background-color: var(--color-portal-background);
}
.module-mypages-rentedfilms {
  margin-inline: auto;
  margin-block: calc(var(--spacing) * 8);
  max-width: 600px;
}
.module-mypages-rentedfilms .cart-items {
  display: flex;
  flex-direction: row;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.module-mypages-rentedfilms .cart-item {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-radius: var(--radius-lg);
  background-color: var(--color-portal-gray-darker);
  @media (width >= 640px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media print {
    background-color: var(--color-white);
  }
}
.cart-item .content-container {
  padding-top: calc(var(--spacing) * 8);
  padding-right: calc(var(--spacing) * 2);
  padding-left: calc(var(--spacing) * 4);
}
.module-mypages-rentedfilms .cart-item img {
  max-height: 175px;
  width: 100%;
  border-radius: 0.25rem;
  object-fit: cover;
  @media (width >= 640px) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
section[data-module="resetcache"] {
  margin-inline: calc(var(--spacing) * 12);
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
main a.nvp-btn-primary, main a.btn-danger, a.btn-danger {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
section[data-module="title"], section[data-module="search"], section[data-module="film"], section[data-module="article"], section[data-module="list"], section[data-module="filmlist"], section[data-module="search-result"], section[data-module="large-focus"] {
  margin-inline: calc(var(--spacing) * 4);
}
body.module-full-width main > section:first-of-type {
  margin-inline: calc(var(--spacing) * 0) !important;
}
section[data-module="title"] + section[data-module="title"], section[data-module="title"] + section[data-module="large-focus"], section[data-module="title"] + section[data-module="search"], section[data-module="title"] + section[data-module="film"], section[data-module="title"] + section[data-module="article"], section[data-module="title"] + section[data-module="filmlist"] {
  margin-top: calc(var(--spacing) * 6);
}
section[data-module="large-focus"] + section[data-module="title"], section[data-module="list"] + section[data-module="title"], section[data-module="title"] + section[data-module="list"], section[data-module="filmlist"] + section[data-module="list"], section[data-module="list"] + section[data-module="large-focus"], section[data-module="large-focus"] + section[data-module="list"], section[data-module="large-focus"] + section[data-module="large-focus"], section[data-module="list"] + section[data-module="search"], section[data-module="large-focus"] + section[data-module="film"], section[data-module="large-focus"] + section[data-module="article"], section[data-module="search"] + section[data-module="large-focus"], section[data-module="search"] + section[data-module="title"], section[data-module="search"] + section[data-module="list"] {
  margin-top: calc(var(--spacing) * 8);
}
section[data-module="filmlist"] + section[data-module="filmlist"], section[data-module="search"] + section[data-module="filmlist"], section[data-module="large-focus"] + section[data-module="filmlist"], section[data-module="list"] + section[data-module="filmlist"], section[data-module="film"] + section[data-module="filmlist"], section[data-module="article"] + section[data-module="filmlist"] {
  margin-top: calc(var(--spacing) * 8);
}
main#main > section[data-module="large-focus"]:last-child, main#main > section[data-module="title"]:last-child, section[data-module="list"]:last-child, section[data-module="filmlist"]:last-child, section[data-module="filmclip"]:last-child {
  margin-bottom: calc(var(--spacing) * 4);
}
section[data-module="edu"] + section[data-module="film-details"], section.metadata-list + section.metadata-list {
  margin-top: calc(var(--spacing) * 2);
}
:root {
  --gradient-color: rgba(0, 0, 0, 1);
  --gradient-color-transparent: rgba(0, 0, 0, 0);
  --gradient-width: 3rem;
  --gradient-height: 18rem;
}
html, html body {
  margin-inline: auto;
  width: 100%;
  background-color: var(--color-portal-background);
  color: var(--color-portal-text);
}
.container {
  position: relative;
  max-width: 100%;
  @media (width >= 1920px) {
    max-width: var(--breakpoint-wide);
  }
}
#filmPlayerContainer {
  margin-inline: auto;
  margin-top: calc(var(--spacing) * 8);
  max-width: 100%;
  max-width: var(--breakpoint-lg);
  @media (width >= 1280px) {
    max-width: var(--breakpoint-xl);
  }
  @media (width >= 1920px) {
    max-width: var(--breakpoint-2xl);
  }
}
[type='text'], input:where(:not([type])), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select, input, optgroup, select, textarea {
  background-color: var(--color-portal-inputcolorbg);
  color: var(--color-black);
}
a {
  cursor: pointer;
}
main article {
  margin-inline: calc(var(--spacing) * 4);
  @media (width >= 1024px) {
    margin-inline: calc(var(--spacing) * 0);
  }
}
main a:hover, main a.active {
  color: var(--color-portal-hovercolor);
}
footer {
  margin-top: calc(var(--spacing) * 12);
  margin-bottom: calc(var(--spacing) * 14);
}
body.module-full-width .container {
  position: relative;
}
body.module-full-width .container > header {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--gradient-height);
  background: linear-gradient( 180deg, #000000 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent );
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--gradient-height);
  background: linear-gradient( 180deg, #000000 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent );
  pointer-events: auto;
  position: absolute;
  top: calc(var(--spacing) * 0);
  z-index: 1;
}
header#menu {
  z-index: 2;
}
header#menu #menu-pc > div {
  margin-inline: calc(var(--spacing) * 4);
}
#menu-pc {
  padding-top: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 4);
  @media (width >= 640px) {
    padding-bottom: calc(var(--spacing) * 4);
  }
  @media (width >= 1920px) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  @media (width >= 1920px) {
    padding-top: calc(var(--spacing) * 4);
  }
}
.top__menu ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.top__menu a {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  &:hover {
    @media (hover: hover) {
      color: var(--color-portal-hovercolor);
    }
  }
  font-weight: 300;
}
.top__menu a.active {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.top__menu a.active {
  color: var(--color-portal-hovercolor);
}
a.logo {
  width: calc(var(--spacing) * 52);
  @media (width >= 64rem) {
    width: calc(var(--spacing) * 56);
  }
}
#menu-pc .top__menu {
  display: flex;
  justify-content: flex-end;
}
#menu-mobile {
  background-color: var(--color-black);
}
#menu-mobile .icon {
  fill: var(--color-white);
}
#menu-mobile .mobile-menu > div {
  padding-block: calc(var(--spacing) * 2);
}
#menu-mobile .mobile-menu {
  z-index: 20;
  background-color: var(--color-portal-background);
}
#menu-mobile > div {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
.footer {
  margin-inline: calc(var(--spacing) * 4);
  @media (width >= 1920px) {
    margin-inline: calc(var(--spacing) * 4);
  }
}
footer .nf-logo {
  margin-block: calc(var(--spacing) * 8);
  margin-right: calc(var(--spacing) * 4);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  font-size: var(--text-h6);
}
footer .nf-logo a {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-indent: -9999px;
  background-image: url(../../../../../images/logo/norgesfilm-invert-rgb.svg);
  background-size: contain;
  width: 120px;
  height: calc(140px * (47 / 425));
}
footer .images {
  margin-inline: auto;
}
footer .image {
  max-width: 200px;
}
@media (max-width: 768px) {
  footer table {
    display: block;
    width: 100%;
  }
  footer table thead,	footer table tbody,	footer table th,	footer table td,	footer table tr {
    display: block;
    width: 100%;
  }
  footer table tr {
    margin-bottom: calc(var(--spacing) * 4);
  }
  footer table td {
    padding: calc(var(--spacing) * 4);
  }
  footer table td img {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
  }
}
.modal-content {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-white);
  background-color: var(--color-black);
  padding-inline: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 4);
}
.modal-content p {
  margin-bottom: calc(var(--spacing) * 3);
}
.modal-footer-button {
  background-color: var(--color-white);
  color: var(--color-black);
  &:hover {
    @media (hover: hover) {
      opacity: 75%;
    }
  }
}
@layer components {
  html, body {
    background-color: var(--color-body);
    font-family: var(--font-open-sans);
    font-family: var(--font-open-sans);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    font-size: var(--text-h4);
    --tw-leading: var(--spacing-h3);
    line-height: var(--spacing-h3);
    color: var(--color-portal-gray-darker);
  }
  h1 {
    font-family: var(--font-montserrat);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  @media (max-width: 768px) {
    h1 {
      margin-bottom: calc(var(--spacing) * 8);
      font-size: var(--text-h1);
      --tw-leading: var(--spacing-h1);
      line-height: var(--spacing-h1);
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-h1-tablet);
      --tw-leading: var(--spacing-h2-lg);
      line-height: var(--spacing-h2-lg);
    }
  }
  @media (max-width: 640px) {
    h1 {
      font-size: var(--text-h1-mobile);
    }
  }
}
.mce-content-body p, article p {
  margin-bottom: calc(var(--spacing) * 3);
}
section.moduleText h3, article.film h3 {
  --tw-leading: var(--spacing-h3emp);
  line-height: var(--spacing-h3emp);
}
.text__icon {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: calc(var(--spacing) * 10);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: calc(var(--spacing) * 10);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: calc(var(--spacing) * 10);
  padding-top: calc(var(--spacing) * 0.5);
}
div b, div strong {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
article div.content * {
  --tw-leading: var(--spacing-content);
  line-height: var(--spacing-content);
}
h1 {
  margin-bottom: calc(var(--spacing) * 8);
  font-size: var(--text-h1);
  --tw-leading: var(--spacing-h1);
  line-height: var(--spacing-h1);
}
h2 {
  margin-top: calc(var(--spacing) * 8);
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-h2);
  --tw-leading: var(--spacing-h2);
  line-height: var(--spacing-h2);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
h3 {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-h3);
  --tw-leading: var(--spacing-h3);
  line-height: var(--spacing-h3);
}
h4 {
  margin-block: calc(var(--spacing) * 4);
  font-size: var(--text-h4);
  --tw-leading: var(--spacing-h4);
  line-height: var(--spacing-h4);
}
h5 {
  font-size: var(--text-h5);
  --tw-leading: var(--spacing-h5);
  line-height: var(--spacing-h5);
}
h6 {
  font-size: var(--text-h6);
  --tw-leading: var(--spacing-h6);
  line-height: var(--spacing-h6);
}
h7 {
  font-size: var(--text-h7);
  --tw-leading: var(--spacing-h7);
  line-height: var(--spacing-h7);
}
@media all and (max-width: 1024px) {
  html {
    --text-h1: 1.5rem;
  }
}
@media print {
  html {
    --text-h1: 1.5rem;
  }
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-space-x-reverse: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
    }
  }
}