.motion-segment.motion-segment{--segment-inset:4px;--segment-button-height:40px;isolation:isolate;width:fit-content;min-width:0;max-width:100%;height:auto;min-height:48px;padding:var(--segment-inset);background:var(--ks-gray-150);color:var(--court-secondary);border:0;border-radius:999px;align-items:center;gap:4px;display:inline-flex;position:relative}.motion-segment.motion-segment:before{content:"";width:var(--segment-width,0px);height:var(--segment-height,40px);transform:translate(var(--segment-x,4px),var(--segment-y,4px));background:var(--ks-surface-panel);pointer-events:none;opacity:0;border-radius:999px;position:absolute;top:0;left:0}.motion-segment.motion-segment[data-segment-ready=true]:before{opacity:1}.motion-segment.motion-segment>button{z-index:1;height:var(--segment-button-height);min-height:var(--segment-button-height);color:var(--court-secondary);white-space:nowrap;transition:color var(--ks-duration-feedback) ease-out,transform .15s ease-out;border:0;border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 20px;font-size:14px;font-weight:400;line-height:1.25;display:inline-flex;position:relative;box-shadow:none!important;background:0 0!important}.motion-segment.motion-segment>button:is([aria-selected=true],[aria-pressed=true]){color:var(--court-ink);font-weight:400}.motion-segment.motion-segment:not([data-segment-ready=true])>button:is([aria-selected=true],[aria-pressed=true]){background:var(--ks-surface-panel)!important}.motion-segment.motion-segment>button:is([aria-selected=true],[aria-pressed=true]):after{display:none}.motion-segment.motion-segment>button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.motion-segment.motion-segment>button:disabled{opacity:.5;cursor:not-allowed}.motion-segment.motion-segment.language-switcher>button{min-width:44px;padding:0 12px}.motion-segment.motion-segment.directory-types{flex-wrap:nowrap;max-width:100%;overflow:auto}.motion-segment.motion-segment.release-kinds{flex:0 auto;margin-right:auto}@media (max-width:760px){.motion-segment.motion-segment.tabs{flex:1;width:auto}.motion-segment.motion-segment.tabs>button{flex:1 1 0;min-width:0;padding:0 8px}}@media (max-width:600px){.motion-segment.motion-segment.release-period,.motion-segment.motion-segment.product-detail-tabs{width:100%}.motion-segment.motion-segment.release-kinds{flex-basis:auto}.motion-segment.motion-segment>button{padding-inline:14px}.motion-segment.motion-segment.directory-types{width:100%}}@media (max-width:380px){.motion-segment.motion-segment.tabs>button{padding-inline:5px;font-size:13px}}@media (hover:hover) and (pointer:fine){.motion-segment.motion-segment>button:not(:disabled):hover{color:var(--court-ink)}}@media (prefers-reduced-motion:no-preference){.motion-segment.motion-segment[data-segment-ready=true]:before{transition:transform .18s var(--ease),width .18s var(--ease),height .18s var(--ease)}}@media (forced-colors:active){.motion-segment.motion-segment{outline:1px solid buttontext}.motion-segment.motion-segment:before{background:highlight}.motion-segment.motion-segment>button:is([aria-selected=true],[aria-pressed=true]){color:highlighttext}}.release-toolbar .release-sort{background:var(--ks-gray-150);width:164px;height:48px;min-height:48px;box-shadow:none;color:var(--court-ink);flex-shrink:0;gap:12px;margin-left:auto;padding:0 16px;font-size:14px;border:0!important;border-radius:999px!important}.release-sort>svg{opacity:1;color:var(--court-secondary);transition:transform .16s var(--ease)}.release-sort[data-state=open]>svg{transform:rotate(180deg)}.release-sort-menu{padding:4px;border:0!important;border-radius:20px!important;box-shadow:0 10px 32px #1820351a!important}.release-sort-menu [data-slot=select-item]{border-radius:14px!important;min-height:44px!important;padding-left:12px!important}.release-sort-menu [data-state=checked]{background:var(--court-orange-soft);color:var(--court-ink)}.release-toolbar>.icon-button{border-radius:50%;width:48px;min-width:48px;height:48px;min-height:48px}@media (max-width:600px){.release-toolbar .release-sort{width:164px}}@media (hover:hover) and (pointer:fine){.release-sort:hover{background:#dfe4ed}}@media (prefers-reduced-motion:reduce){.release-sort>svg{transition:none}}
