/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;
@layer theme{
  :host,:root{
    --tw-font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --tw-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --tw-color-blue-500:oklch(62.3% 0.214 259.815);
    --tw-color-gray-100:oklch(96.7% 0.003 264.542);
    --tw-color-gray-500:oklch(55.1% 0.027 264.364);
    --tw-color-black:#000;
    --tw-color-white:#fff;
    --tw-spacing:0.25rem;
    --tw-text-xs:0.75rem;
    --tw-text-xs--line-height:1.33333;
    --tw-text-sm:0.875rem;
    --tw-text-sm--line-height:1.42857;
    --tw-text-base:1rem;
    --tw-text-base--line-height:1.5;
    --tw-font-weight-thin:100;
    --tw-font-weight-normal:400;
    --tw-font-weight-semibold:600;
    --tw-radius-lg:0.5rem;
    --tw-radius-2xl:1rem;
    --tw-default-transition-duration:150ms;
    --tw-default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    --tw-default-font-family:var(--tw-font-sans);
    --tw-default-mono-font-family:var(--tw-font-mono);
  }
}
@layer base{
  *,::backdrop,::file-selector-button,:after,:before{
    border:0 solid;
    box-sizing:border-box;
    margin:0;
    padding:0;
  }
  :host,html{
    -webkit-text-size-adjust:100%;
    font-feature-settings:var(--tw-default-font-feature-settings, normal);
    -webkit-tap-highlight-color:transparent;
    font-family:var(--tw-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-variation-settings:var(--tw-default-font-variation-settings, normal);
    line-height:1.5;
    tab-size:4;
  }
  hr{
    border-top-width:1px;
    color:inherit;
    height:0;
  }
  abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
  }
  h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit;
  }
  a{
    color:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit;
  }
  b,strong{
    font-weight:bolder;
  }
  code,kbd,pre,samp{
    font-feature-settings:var(--tw-default-mono-font-feature-settings, normal);
    font-family:var(--tw-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-size:1em;
    font-variation-settings:var(--tw-default-mono-font-variation-settings, normal);
  }
  small{
    font-size:80%;
  }
  sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
  }
  sub{
    bottom:-.25em;
  }
  sup{
    top:-.5em;
  }
  table{
    border-collapse:collapse;
    border-color:inherit;
    text-indent:0;
  }
  :-moz-focusring{
    outline:auto;
  }
  progress{
    vertical-align:baseline;
  }
  summary{
    display:list-item;
  }
  menu,ol,ul{
    list-style:none;
  }
  audio,canvas,embed,iframe,img,object,svg,video{
    display:block;
    vertical-align:middle;
  }
  img,video{
    height:auto;
    max-width:100%;
  }
  ::file-selector-button,button,input,optgroup,select,textarea{
    font-feature-settings:inherit;
    background-color:transparent;
    border-radius:0;
    color:inherit;
    font:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    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;
  }
  @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){
    ::placeholder{
      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-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{
    padding-block:0;
  }
  ::-webkit-calendar-picker-indicator{
    line-height:1;
  }
  :-moz-ui-invalid{
    box-shadow:none;
  }
  ::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){
    appearance:button;
  }
  ::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto;
  }
  [hidden]:where(:not([hidden=until-found])){
    display:none !important;
  }
}
@layer utilities{
  .tw\:invisible{
    visibility:hidden !important;
  }
  .tw\:absolute{
    position:absolute !important;
  }
  .tw\:fixed{
    position:fixed !important;
  }
  .tw\:relative{
    position:relative !important;
  }
  .tw\:inset-0{
    inset:calc(var(--tw-spacing)*0) !important;
  }
  .tw\:inset-x-0{
    inset-inline:calc(var(--tw-spacing)*0) !important;
  }
  .tw\:right-0{
    right:calc(var(--tw-spacing)*0) !important;
  }
  .tw\:bottom-0{
    bottom:calc(var(--tw-spacing)*0) !important;
  }
  .tw\:z-50{
    z-index:50 !important;
  }
  .tw\:m-2{
    margin:calc(var(--tw-spacing)*2) !important;
  }
  .tw\:mx-auto{
    margin-inline:auto !important;
  }
  .tw\:mt-auto{
    margin-top:auto !important;
  }
  .tw\:mr-auto{
    margin-right:auto !important;
  }
  .tw\:ml-auto{
    margin-left:auto !important;
  }
  .tw\:flex-center{
    align-items:center !important;
    display:flex !important;
    justify-content:center !important;
  }
  .tw\:no-scrollbar{
    -ms-overflow-style:none !important;
    scrollbar-width:none !important;
    &::-webkit-scrollbar{
      display:none !important;
    }
  }
  .tw\:flex{
    display:flex !important;
  }
  .tw\:grid{
    display:grid !important;
  }
  .tw\:inline-block{
    display:inline-block !important;
  }
  .tw\:inline-flex{
    display:inline-flex !important;
  }
  .tw\:aspect-square{
    aspect-ratio:1 / 1 !important;
  }
  .tw\:size-12{
    height:calc(var(--tw-spacing)*12) !important;
    width:calc(var(--tw-spacing)*12) !important;
  }
  .tw\:size-full{
    height:100% !important;
    width:100% !important;
  }
  .tw\:size-px{
    height:1px !important;
    width:1px !important;
  }
  .tw\:h-16{
    height:calc(var(--tw-spacing)*16) !important;
  }
  .tw\:h-20{
    height:calc(var(--tw-spacing)*20) !important;
  }
  .tw\:h-80{
    height:calc(var(--tw-spacing)*80) !important;
  }
  .tw\:h-fit{
    height:fit-content !important;
  }
  .tw\:h-full{
    height:100% !important;
  }
  .tw\:max-h-24{
    max-height:calc(var(--tw-spacing)*24) !important;
  }
  .tw\:w-9{
    width:calc(var(--tw-spacing)*9) !important;
  }
  .tw\:w-16{
    width:calc(var(--tw-spacing)*16) !important;
  }
  .tw\:w-80{
    width:calc(var(--tw-spacing)*80) !important;
  }
  .tw\:w-fit{
    width:fit-content !important;
  }
  .tw\:w-full{
    width:100% !important;
  }
  .tw\:w-screen{
    width:100vw !important;
  }
  .tw\:max-w-24{
    max-width:calc(var(--tw-spacing)*24) !important;
  }
  .tw\:min-w-0{
    min-width:calc(var(--tw-spacing)*0) !important;
  }
  .tw\:shrink-0{
    flex-shrink:0 !important;
  }
  .tw\:grow{
    flex-grow:1 !important;
  }
  .tw\:translate-y-0{
    --tw-translate-y:calc(var(--tw-spacing)*0) !important;
    translate:var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .tw\:translate-y-full{
    --tw-translate-y:100% !important;
    translate:var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .tw\:grid-cols-\[--spacing\(20\)_1fr_--spacing\(20\)\]{
    grid-template-columns:calc(var(--tw-spacing)*20) 1fr calc(var(--tw-spacing)*20) !important;
  }
  .tw\:grid-cols-\[repeat\(auto-fill\,--spacing\(80\)\)\]{
    grid-template-columns:repeat(auto-fill,calc(var(--tw-spacing)*80)) !important;
  }
  .tw\:flex-col{
    flex-direction:column !important;
  }
  .tw\:items-center{
    align-items:center !important;
  }
  .tw\:items-stretch{
    align-items:stretch !important;
  }
  .tw\:justify-center{
    justify-content:center !important;
  }
  .tw\:justify-stretch{
    justify-content:stretch !important;
  }
  .tw\:gap-4{
    gap:calc(var(--tw-spacing)*4) !important;
  }
  .tw\:gap-x-2{
    column-gap:calc(var(--tw-spacing)*2) !important;
  }
  .tw\:self-stretch{
    align-self:stretch !important;
  }
  .tw\:truncate{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .tw\:overflow-hidden{
    overflow:hidden !important;
  }
  .tw\:overflow-x-auto{
    overflow-x:auto !important;
  }
  .tw\:rounded-2xl{
    border-radius:var(--tw-radius-2xl) !important;
  }
  .tw\:rounded-full{
    border-radius:calc(infinity * 1px) !important;
  }
  .tw\:rounded-lg{
    border-radius:var(--tw-radius-lg) !important;
  }
  .tw\:bg-gray-100{
    background-color:var(--tw-color-gray-100) !important;
  }
  .tw\:bg-transparent{
    background-color:transparent !important;
  }
  .tw\:bg-white{
    background-color:var(--tw-color-white) !important;
  }
  .tw\:bg-linear-to-b{
    --tw-gradient-position:to bottom !important;
    @supports (background-image:linear-gradient(in lab,red,red)){
      --tw-gradient-position:to bottom in oklab !important;
    }
    background-image:linear-gradient(var(--tw-gradient-stops)) !important;
  }
  .tw\:bg-linear-to-t{
    --tw-gradient-position:to top !important;
    @supports (background-image:linear-gradient(in lab,red,red)){
      --tw-gradient-position:to top in oklab !important;
    }
    background-image:linear-gradient(var(--tw-gradient-stops)) !important;
  }
  .tw\:from-black\/80{
    --tw-gradient-from:var(--tw-color-black) !important;
    @supports (color:color-mix(in lab,red,red)){
      --tw-gradient-from:color-mix(in oklab, var(--tw-color-black) 80%, transparent) !important;
    }
    --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)) !important;
  }
  .tw\:from-40\%{
    --tw-gradient-from-position:40% !important;
  }
  .tw\:to-transparent{
    --tw-gradient-to:transparent !important;
    --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)) !important;
  }
  .tw\:p-2{
    padding:calc(var(--tw-spacing)*2) !important;
  }
  .tw\:p-4{
    padding:calc(var(--tw-spacing)*4) !important;
  }
  .tw\:px-2{
    padding-inline:calc(var(--tw-spacing)*2) !important;
  }
  .tw\:px-4{
    padding-inline:calc(var(--tw-spacing)*4) !important;
  }
  .tw\:py-1{
    padding-block:calc(var(--tw-spacing)*1) !important;
  }
  .tw\:py-1\.5{
    padding-block:calc(var(--tw-spacing)*1.5) !important;
  }
  .tw\:py-2{
    padding-block:calc(var(--tw-spacing)*2) !important;
  }
  .tw\:pt-\[55\%\]{
    padding-top:55% !important;
  }
  .tw\:pr-1{
    padding-right:calc(var(--tw-spacing)*1) !important;
  }
  .tw\:pl-\[55\%\]{
    padding-left:55% !important;
  }
  .tw\:text-left{
    text-align:left !important;
  }
  .tw\:text-base{
    font-size:var(--tw-text-base) !important;
    line-height:var(--tw-leading, var(--tw-text-base--line-height)) !important;
  }
  .tw\:text-sm{
    font-size:var(--tw-text-sm) !important;
    line-height:var(--tw-leading, var(--tw-text-sm--line-height)) !important;
  }
  .tw\:text-xs{
    font-size:var(--tw-text-xs) !important;
    line-height:var(--tw-leading, var(--tw-text-xs--line-height)) !important;
  }
  .tw\:font-normal{
    --tw-font-weight:var(--tw-font-weight-normal) !important;
    font-weight:var(--tw-font-weight-normal) !important;
  }
  .tw\:font-semibold{
    --tw-font-weight:var(--tw-font-weight-semibold) !important;
    font-weight:var(--tw-font-weight-semibold) !important;
  }
  .tw\:font-thin{
    --tw-font-weight:var(--tw-font-weight-thin) !important;
    font-weight:var(--tw-font-weight-thin) !important;
  }
  .tw\:whitespace-nowrap{
    white-space:nowrap !important;
  }
  .tw\:text-blue-500{
    color:var(--tw-color-blue-500) !important;
  }
  .tw\:text-gray-500{
    color:var(--tw-color-gray-500) !important;
  }
  .tw\:italic{
    font-style:italic !important;
  }
  .tw\:not-italic{
    font-style:normal !important;
  }
  .tw\:opacity-0{
    opacity:0 !important;
  }
  .tw\:shadow-full-md{
    box-shadow:0 0 6px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.06) !important;
  }
  .tw\:shadow-top-md{
    box-shadow:0 -4px 6px -1px rgba(0,0,0,.1),0 -2px 4px -2px rgba(0,0,0,.1) !important;
  }
  .tw\:transition-\[padding\]{
    transition-duration:var(--tw-duration, var(--tw-default-transition-duration)) !important;
    transition-property:padding !important;
    transition-timing-function:var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
  }
  .tw\:transition-transform{
    transition-duration:var(--tw-duration, var(--tw-default-transition-duration)) !important;
    transition-property:transform, translate, scale, rotate !important;
    transition-timing-function:var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
  }
  .tw\:duration-200{
    --tw-duration:200ms !important;
    transition-duration:.2s !important;
  }
  .tw\:duration-500{
    --tw-duration:500ms !important;
    transition-duration:.5s !important;
  }
  .tw\:hover\:pt-2{
    &:hover{
      @media (hover:hover){
        padding-top:calc(var(--tw-spacing)*2) !important;
      }
    }
  }
  .tw\:hover\:pl-2{
    &:hover{
      @media (hover:hover){
        padding-left:calc(var(--tw-spacing)*2) !important;
      }
    }
  }
  .tw\:md\:h-24{
    @media (width >= 48rem){
      height:calc(var(--tw-spacing)*24) !important;
    }
  }
  .tw\:md\:w-24{
    @media (width >= 48rem){
      width:calc(var(--tw-spacing)*24) !important;
    }
  }
}
.futuri-last-played-artist-text{
  color:#fff;
}
.futuri-last-played-album-text{
  color:#fff;
  font-size:.875rem;
}
.futuri-last-played-title-text{
  color:#fff;
  font-size:1.25rem;
  font-weight:semibold;
}
.futuri-last-played-timestamp-text{
  background-color:var(--color_1);
  color:var(--color_2);
  font-size:.875rem;
}
.futuri-last-played-see-more-text{
  background-color:var(--color_1);
  color:var(--color_2);
}
@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-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%;
}
@property --tw-font-weight{
  syntax:"*";
  inherits:false;
}
@property --tw-duration{
  syntax:"*";
  inherits:false;
}
@layer properties{
  @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
    *,::backdrop,:after,:before{
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z: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%;
      --tw-font-weight:initial;
      --tw-duration:initial;
    }
  }
}