.cineplex-shell{background:linear-gradient(to bottom right,#111827,#1f2937,#111827);min-height:100vh}.cineplex-shell__inner{width:100%}.cineplex-tabs{z-index:10;background:#111827;border-bottom:1px solid #374151;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.75rem 1rem 0;display:flex;position:sticky;top:0}@media (min-width:640px){.cineplex-tabs{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.cineplex-tabs{flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;column-gap:2rem;padding:1rem 2rem .5rem}}.cineplex-tabs__title{color:#fff;white-space:nowrap;flex:auto;order:0;font-size:1.25rem;font-weight:700;display:block}@media (min-width:1024px){.cineplex-tabs__title{flex:none;padding-bottom:.5rem;font-size:1.125rem}}.cineplex-tabs__nav{flex:100%;order:2;justify-content:space-between;margin-bottom:-1px;display:flex}@media (min-width:1024px){.cineplex-tabs__nav{flex:none;order:0;justify-content:flex-start;column-gap:2rem}}.cineplex-tab{white-space:nowrap;text-align:center;border-bottom:2px solid #0000;flex:1;padding:.75rem .5rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}@media (min-width:1024px){.cineplex-tab{flex:none;padding:1rem .25rem}}.cineplex-tab--active-blue{color:#60a5fa;border-bottom-color:#3b82f6}.cineplex-tab--active-purple{color:#c084fc;border-bottom-color:#a855f7}.cineplex-tab--inactive{color:#9ca3af;border-bottom-color:#0000}.cineplex-tab--inactive:hover{color:#e5e7eb;border-bottom-color:#6b7280}.cineplex-user-menu{flex:none;order:1;position:relative}@media (min-width:1024px){.cineplex-user-menu{order:0;margin-bottom:.5rem}}.cineplex-user-menu__btn{color:#f1f5f9;white-space:nowrap;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:background .15s}@media (min-width:1024px){.cineplex-user-menu__btn{padding:.5rem 1rem}}.cineplex-user-menu__btn:hover{background:#ffffff26}.cineplex-user-menu__dropdown{z-index:20;background:#1f2937;border:1px solid #ffffff1a;border-radius:.5rem;flex-direction:column;min-width:160px;margin-top:.5rem;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #00000080}.cineplex-user-menu__item{color:#f1f5f9;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;display:block}.cineplex-user-menu__item:hover{background:#ffffff0d}