.ukart{--uk-paper: #F7F3FC;--uk-bg: color-mix(in oklab, var(--uk-c, #533278) 9%, var(--uk-paper));--uk-peb: color-mix(in oklab, var(--uk-c, #533278) 24%, var(--uk-paper));--uk-ink: #1E1430;--uk-mut: rgba(30, 20, 48, .72);--uk-r: clamp(20px, 2vw, 28px);position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px;color:var(--uk-ink);text-decoration:none;-webkit-tap-highlight-color:transparent}.ukart--dark{--uk-paper: #1E1E22;--uk-bg: #1E1E22;--uk-peb: color-mix(in oklab, var(--uk-c, #533278) 34%, #26262B);--uk-ink: #F4F4F6;--uk-mut: rgba(244, 244, 246, .6)}.ukart__media{position:relative;display:grid;place-items:center;container-type:size;aspect-ratio:1 / 1.08;margin-bottom:10px;border-radius:var(--uk-r);overflow:hidden;background:radial-gradient(120% 90% at 50% 18%,color-mix(in oklab,var(--uk-bg) 60%,#fff),var(--uk-bg) 70%);transition:box-shadow .6s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.ukart--dark .ukart__media{background:radial-gradient(120% 90% at 50% 18%,#2a2a30,#1a1a1e 72%);box-shadow:inset 0 0 0 1px #ffffff0f}.ukart__peb{position:absolute;left:9%;top:8%;width:82%;aspect-ratio:1;pointer-events:none;background:var(--uk-peb);-webkit-mask:url(../img/brand/sesu-blob.svg) center / contain no-repeat;mask:url(../img/brand/sesu-blob.svg) center / contain no-repeat;transition:transform 1.1s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.ukart__size{position:absolute;left:12px;top:12px;z-index:2;max-width:calc(100% - 70px);padding:5px 10px 4px;border-radius:99px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 .72rem/1.2 var(--f-mono, ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.02em;color:var(--uk-ink);background:color-mix(in oklab,var(--uk-paper) 82%,transparent)}.ukart--dark .ukart__size{background:#37373ce6}.ukart--s .ukart__size{left:8px;top:8px;padding:4px 8px 3px;font-size:.68rem}@container (max-width: 200px){.ukart__size{left:8px;top:8px;max-width:calc(100% - 16px);padding:4px 8px 3px;font-size:.68rem;letter-spacing:0}.ukart--soon .ukart__size{letter-spacing:.06em}}@container (max-width: 150px){.ukart__size{white-space:normal;text-overflow:clip;line-height:1.15;border-radius:10px;text-wrap:balance}}.ukart--soon .ukart__size{color:#1e1430;background:var(--s-yellow, #FFD040);text-transform:uppercase;letter-spacing:.08em;box-shadow:0 6px 14px -10px #1e143099}.ukart--dark.ukart--soon .ukart__size{color:var(--m-char, #141416);background:var(--m-foam, #F4F4F6)}.ukart__img{position:absolute;left:50%;bottom:7cqh;translate:-50% 0;display:block;height:min(calc(84cqh * var(--uk-k, 1) / 1.1),calc(80cqw / var(--uk-ar, 1)));width:auto;aspect-ratio:var(--uk-ar, auto);max-width:none;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(30,20,48,.2)) drop-shadow(0 4px 6px rgba(30,20,48,.1));transition:transform 1.1s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.ukart--dark .ukart__img{filter:drop-shadow(0 24px 24px rgba(0,0,0,.55))}.ukart__img--svg{width:46%;height:70%;bottom:10%;aspect-ratio:auto}.ukart__body{display:flex;flex-direction:column;gap:5px;padding:0 4px}.ukart__cat{font-size:.68rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--uk-mut)}.ukart__name{margin:0;font-size:1.04rem;font-weight:700;letter-spacing:-.01em;line-height:1.18;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ukart__nw{white-space:nowrap}.ukart__sub{font-size:.9rem;line-height:1.35;color:var(--uk-mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ukart__go{position:absolute;right:12px;top:12px;z-index:2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1e1430;box-shadow:0 10px 22px -12px #1e143080;opacity:0;transform:scale(.7) rotate(-45deg);transition:opacity .35s,transform .55s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.ukart--dark .ukart__go{background:var(--m-foam, #F4F4F6);color:var(--m-char, #141416)}@media(hover:hover){.ukart:hover .ukart__img{transform:translateY(-10px) rotate(-3deg) scale(1.04)}.ukart:hover .ukart__peb{transform:translateY(-3%) scale(1.06)}.ukart:hover .ukart__go{opacity:1;transform:none}}.ukart:focus-visible{outline:none}.ukart:focus-visible .ukart__media{box-shadow:0 0 0 3px var(--s-magenta, #E81F76)}.ukart:focus-visible .ukart__go{opacity:1;transform:none}.ukart--s{gap:4px}.ukart--s .ukart__media{margin-bottom:6px;border-radius:18px}.ukart--s .ukart__name{font-size:.92rem}.ukart--s .ukart__sub{font-size:.82rem;-webkit-line-clamp:1}.ukart--s .ukart__go{width:34px;height:34px;right:8px;top:8px}.ukart--l .ukart__name{font-size:clamp(1.16rem,1.5vw,1.44rem)}.ukart--l .ukart__sub{font-size:1rem}.ukart-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:clamp(14px,1.6vw,24px)}.ukart-grid>li{min-width:0}@media(max-width:760px){.ukart__name{font-size:.96rem}.ukart-grid--scroll{grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:6px}.ukart-grid--scroll::-webkit-scrollbar{display:none}.ukart-grid--scroll>li{scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.ukart__img,.ukart__peb,.ukart__go{transition:none}}@supports not (color: color-mix(in oklab,red,red)){.ukart{--uk-bg: var(--uk-bg0, #E7E0F0);--uk-peb: var(--uk-peb0, #CDC2DC)}.ukart--dark{--uk-bg: #1E1E22;--uk-peb: var(--uk-peb0, #352B44)}.ukart__media{background:radial-gradient(120% 90% at 50% 18%,var(--uk-hi0, #F1ECF6),var(--uk-bg) 70%)}.ukart__size{background:#f7f3fcd1}}