:is(html:has([data-explore]),body:has([data-explore])){overflow-x:clip}.ex-bleed{width:100vw;margin-left:calc(50% - 50vw)}.ex-roll{vertical-align:top;display:inline-grid;overflow:hidden}.ex-roll>span{transition:transform .8s var(--ease-out-expo);grid-area:1/1}.ex-roll>span+span{transform:translateY(105%)}[data-roll]:hover .ex-roll>span:first-child,[data-roll]:focus-visible .ex-roll>span:first-child{transform:translateY(-105%)}[data-roll]:hover .ex-roll>span+span,[data-roll]:focus-visible .ex-roll>span+span{transform:translateY(0)}.ex-plate{clip-path:inset(0);transition:clip-path .7s var(--ease-out-expo)}.ex-card:hover .ex-frame,.ex-card:focus-within .ex-frame{--crop:18px;--crop-color:var(--color-signal-deep)}.ex-card:hover .ex-plate,.ex-card:focus-within .ex-plate{clip-path:inset(6px)}.ex-plate img{transition:transform 1.4s var(--ease-out-expo)}.ex-card:hover .ex-plate img{transform:scale(1.04)}.ex-swatches>span{transition:margin .6s var(--ease-out-expo)}.ex-swatches>span+span{margin-left:-1px}.ex-card:hover .ex-swatches>span+span{margin-left:4px}.ex-cursor-on [data-cursor]{cursor:none}@media (hover:hover) and (pointer:fine){.ex-list:has(>li:hover)>li:not(:hover){opacity:.32}.ex-list>li{transition:opacity .5s var(--ease-out-expo)}.ex-list .ex-row-name{transition:transform .8s var(--ease-out-expo)}.ex-list>li:hover .ex-row-name{transform:translate(1.25rem)}}.ex-cursor{z-index:60;pointer-events:none;position:fixed;top:0;left:0;translate:-50% -50%}.ex-preview{z-index:40;pointer-events:none;position:fixed;top:0;left:0;translate:-50% -50%}.ex-skin{background:var(--lk-bg);color:var(--lk-text);transition:background-color .8s var(--ease-out-expo), color .8s var(--ease-out-expo)}:where(.ex-skin *){transition-property:background-color,border-color,color,fill;transition-duration:.8s;transition-timing-function:var(--ease-out-expo)}.ex-line{border-color:color-mix(in oklab, var(--lk-text) 16%, transparent)}.ex-muted{color:var(--lk-muted)}.ex-surface{background:var(--lk-surface)}.ex-accent{color:var(--lk-accent)}.ex-skin .crop-marks{--crop-color:var(--lk-text)}.ex-strong-line{border-color:var(--lk-text)}.ex-btn{background:var(--lk-accent);height:3.25rem;color:var(--lk-accent-text);border-radius:2px;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.ex-btn-ghost{border:1px solid color-mix(in oklab, var(--lk-text) 40%, transparent);border-radius:2px;align-items:center;gap:.5rem;height:3.25rem;padding:0 1.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.ex-btn:focus-visible,.ex-btn-ghost:focus-visible,.ex-skin :where(a,button):focus-visible{outline:2px solid var(--lk-accent);outline-offset:3px}.ex-display{font-family:var(--lk-display)}.ex-body{font-family:var(--lk-body)}.ex-accent-face{font-family:var(--lk-accent-face)}::view-transition-group(.ex-morph){animation-duration:.9s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.ex-roll>span,.ex-plate,.ex-plate img,.ex-swatches>span,.ex-skin,.ex-skin *{transition:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}