.sh .top-flags{gap:20px;display:grid}@container shapp (min-width:900px){.sh .shop-glass .top-flags--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sh .shop-glass .top-flags--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@supports (grid-template-rows:subgrid){.sh .shop-glass :is(.top-flags--2,.top-flags--3)>.product-card{grid-row:span 4;grid-template-rows:subgrid}}.sh .shop-glass .top-flags--1>.card.product-card{grid-row:auto;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:14px 36px;padding:22px}.sh .shop-glass .top-flags--1>.card.product-card>.card__m{aspect-ratio:4/3;grid-area:1/1/4;align-self:start}.sh .shop-glass .top-flags--1>.card.product-card>.card__body{grid-area:1/2;align-self:end;padding-top:8px}.sh .shop-glass .top-flags--1>.card.product-card>.card__buy{grid-area:2/2}.sh .shop-glass .top-flags--1>.card.product-card>.card__meta{grid-area:3/2;align-self:start}.sh .shop-glass .top-flags--1 .card__t{letter-spacing:-.03em;font-size:34px;line-height:40px}.sh .shop-glass .top-flags--1 .card__s{font-size:19px;line-height:27px}}
.sh .shop-glass .card.product-card.free-skill{flex-basis:auto;grid-template-rows:auto auto;gap:14px}@container shapp (min-width:900px){.sh .shop-glass .card.product-card.free-skill{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:36px;padding:22px}}
.sh .shop-search{margin:16px 0 4px}.sh .shop-search__field{border:1px solid var(--sg-edge,#94b1c83d);isolation:isolate;min-height:52px;box-shadow:var(--sg-shadow,0 3px 6px #21405909,0 16px 27px -20px #2140593d);transition:box-shadow .25s var(--sh-ease),border-color .25s;border-radius:26px;align-items:center;gap:10px;padding:0 16px;display:flex;position:relative}.sh .shop-search__field>:not(.optical-glass){z-index:2;position:relative}.sh .shop-search__field:focus-within{border-color:#d4af378c;box-shadow:0 0 0 3px #d4af3729,0 16px 27px -20px #2140593d}.sh .shop-search__ic{width:22px;height:22px;color:var(--sh-label2);flex:none}.sh .shop-search__input{min-width:0;height:52px;font:500 17px/24px var(--sh-f);letter-spacing:-.01em;color:var(--sh-label);appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0}.sh .shop-search__input::placeholder{color:var(--sh-label2);opacity:1}.sh .shop-search__input:focus-visible{outline:none}.sh .shop-search__input::-webkit-search-cancel-button{appearance:none;display:none}.sh .shop-search__input::-webkit-search-decoration{appearance:none;display:none}.sh .shop-search__input::-webkit-search-results-button{appearance:none;display:none}.sh .shop-search__clear{width:44px;height:44px;color:var(--sh-label2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;align-self:center;place-items:center;margin:0 -12px 0 -4px;padding:0;display:grid}.sh .shop-search__clear:hover{color:var(--sh-label)}.sh .shop-search__clear:focus-visible{outline-offset:-2px;outline:2px solid #1670d2}.sh .shop-search__hint{font:500 15px/24px var(--sh-f);color:var(--sh-label2);margin:10px 4px 0}.sh .shop-search__item{white-space:nowrap}.sh .shop-search__word{font:inherit;color:var(--sh-label);text-underline-offset:3px;cursor:pointer;margin:-10px 0;padding:10px 2px;-webkit-text-decoration:underline #1d1d1f47;text-decoration:underline #1d1d1f47;display:inline}.sh .shop-search__word:hover{-webkit-text-decoration-color:var(--sh-label);text-decoration-color:var(--sh-label)}.sh .shop-search__cohorts{padding-right:calc(var(--sp-fab-size) + var(--sp-fab-clear));flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sh .shop-search__cohorts button{border:1px solid var(--sh-sep);height:44px;font:600 15px/1 var(--sh-f);color:var(--sh-label2);background:#fff9;border-radius:999px;padding:0 12px;transition:color .2s,background .3s,border-color .3s}.sh .shop-search__cohorts button[aria-pressed=true]{background:var(--sh-btn);color:var(--sh-btn-t);border-color:#0000;font-weight:700}.sh .shop-search-results{margin-top:8px}.sh .shop-search__empty{font:500 17px/24px var(--sh-f);color:var(--sh-label2);text-align:center;padding:28px 0 12px}.sh .shop-search__empty .link{color:var(--sh-label);font-weight:700}@media (prefers-reduced-motion:reduce){.sh .shop-search__field,.sh .shop-search__cohorts button{transition:none}}@media (prefers-contrast:more){.sh .shop-search__field{border-color:#697a8b}}@media (forced-colors:active){.sh .shop-search__field{border-color:canvastext}}
