.sm-cat{flex-direction:column;gap:20px;display:flex}.sm-cat-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 20px;display:flex}.sm-cat-titles{flex-direction:column;gap:8px;min-width:0;display:flex}.sm-cat-sub{color:var(--sm-text-2);margin:0;font-size:16px;line-height:24px}.sm-cat-search{box-sizing:content-box;background:linear-gradient(180deg, rgba(var(--sm-ink-rgb), .07), rgba(var(--sm-ink-rgb), .03));min-width:220px;height:46px;box-shadow:inset 0 0 0 1px rgba(var(--sm-ink-rgb), .08);color:var(--sm-text-3);border-radius:14px;flex:0 380px;align-items:center;gap:10px;padding:0 14px;display:flex}.sm-cat-search:focus-within{box-shadow:inset 0 0 0 1px #fc4a9d99,0 0 0 3px #fc4a9d2e}.sm-cat-search input{min-width:0;color:var(--sm-text);font:400 15px var(--sm-font-body);background:0 0;border:0;outline:none;flex:1;padding:1px 2px}.sm-cat-titles .sm-h1,.sm-cat-titles .sm-cat-sub{line-height:normal}.sm-cat-search input::placeholder{color:var(--sm-text-4)}.sm-cat-search input::-webkit-search-cancel-button{display:none}@media (hover:none),(pointer:coarse){.sm-cat-search .sm-kbd{display:none}}@media (max-width:720px){.sm-cat-search{flex-basis:100%}}@media (max-width:639px){.sm-cat .sm-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.sm-cat-empty{text-align:center;background:rgba(var(--sm-shade-rgb), calc(.18 * var(--sm-shade-k)));box-shadow:inset 0 0 0 1px rgba(var(--sm-ink-rgb), .06);border-radius:24px;justify-items:center;gap:10px;padding:64px 20px;display:grid}.sm-cat-empty h3{font:900 22px/26px var(--sm-font-display);letter-spacing:-.02em;color:var(--sm-text);margin:0}.sm-cat-empty p{max-width:380px;color:var(--sm-text-3);margin:0;font-size:15px;line-height:22px}.sm-tile--web:not([data-state]) .sm-vf{width:24px;height:24px;display:none}@media (hover:hover){.sm-tile-wrap:hover .sm-tile--web:not([data-state]){box-shadow:var(--sm-ring-accent), 0 40px 60px -20px rgba(var(--sm-shade-rgb), calc(.85 * var(--sm-shade-k)));transform:translateY(-8px)}.sm-tile-wrap:hover .sm-tile--web:not([data-state]) .sm-vf{display:block}.sm-tile-wrap:hover:has(.sm-tile-redo-btn[data-place=low]) .sm-tile--web:not([data-state]){transform:translateY(-10px)}}.sm-tile-wrap:has(.sm-tile-redo-btn) .sm-tile-redo{transform:translate(-50%,-50%)}.sm-tile-wrap:has(span.sm-tile-redo-btn) .sm-tile-redo{pointer-events:none}@media (hover:hover){.sm-tile-wrap:hover:has(.sm-tile-redo-btn) .sm-tile-redo{transform:translate(-50%,calc(-50% - 8px))}}.sm-tile-wrap:has(.sm-tile-redo-btn[data-place=low]) .sm-tile-redo{top:auto;bottom:94px;transform:translate(-50%)}.sm-tile-wrap:hover:has(.sm-tile-redo-btn[data-place=low]) .sm-tile-redo{top:auto;bottom:94px;transform:translate(-50%)}:where(.sm-tile-redo) .sm-tile-redo-btn{background:var(--sm-accent-grad);height:44px;box-shadow:var(--sm-shadow-bevel);color:var(--sm-on-accent);font:700 15px var(--sm-font-body);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.sm-tile-redo-btn[data-place=low]{height:42px}.sm-cat .sm-tile--web .sm-tile-cap{bottom:12px;left:14px;right:14px}.sm-cat .sm-tile--web .sm-tile-cap strong{font-size:15px;line-height:normal}.sm-cat .sm-tile--web .sm-tile-cap .sm-chip{height:24px;padding:0 8px}.sm-tile--web .sm-tile-top{top:8px;left:8px;right:8px}.sm-tile--web .sm-tile-tag,.sm-tile--web .sm-tile-price.sm-price{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:24px;font:600 12px/24px var(--sm-font-body);color:#fff;box-shadow:none;background:#0f11138c;border-radius:999px;margin:0;padding:0 8px}.sm-tile--web .sm-tile-rec:before{display:none}.sm-tile--web .sm-tile-cap,.sm-cat .sm-tile--web .sm-tile-cap{bottom:14px;left:12px;right:12px}.sm-tile--web .sm-tile-cap strong,.sm-cat .sm-tile--web .sm-tile-cap strong{font:800 15px/20px var(--sm-font-display);letter-spacing:-.01em;text-transform:uppercase;color:#fff}.sm-tile--web:after{content:"";z-index:1;opacity:0;transition:opacity var(--sm-dur-fast,.16s) ease-out;pointer-events:none;background:#0000005c;position:absolute;inset:0}@media (hover:hover){.sm-tile-wrap:hover .sm-tile--web:not([data-state]){box-shadow:none;transform:none}.sm-tile-wrap:hover .sm-tile--web:not([data-state]):after{opacity:1}.sm-tile-wrap:hover:has(.sm-tile-redo-btn) .sm-tile-redo{transform:translate(-50%,-50%)}}.sm-tile-wrap:focus-within .sm-tile--web:after{opacity:1}:where(.sm-tile-redo) .sm-tile-redo-btn{height:40px;font:500 14px/1 var(--sm-font-body);color:var(--sm-on-accent);background:var(--sm-accent);padding:0 25px;box-shadow:0 6px 16px #00000059}
