:where(.c[data-page=webshops]) .wb-kv{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;font-size:13.5px;display:flex}:where(.c[data-page=webshops]) .wb-kv>span:first-child{color:var(--ink-3)}:where(.c[data-page=webshops]) .wb-kv b{text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:600}:where(.c[data-page=webshops]) .wb-link{color:var(--you-ink);text-underline-offset:3px;font-family:var(--mono);font-size:12px;text-decoration:underline}:where(.c[data-page=webshops]) .wb-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}:where(.c[data-page=webshops]) .wb-hero-film{padding:28px 0 36px;position:relative}:where(.c[data-page=webshops]) .wb-float{z-index:2;background:var(--raised);box-shadow:var(--shadow-pop),inset 0 0 0 1px var(--line);border-radius:16px;flex-direction:column;gap:6px;min-width:0;padding:12px 14px;display:flex;position:absolute}:where(.c[data-page=webshops]) .wb-float-a{width:236px;top:0;right:-14px}:where(.c[data-page=webshops]) .wb-float-b{width:250px;bottom:0;left:-18px}.c:where([data-page=webshops])[data-motion=on] .wb-float-a{animation:7s ease-in-out infinite c27-webshops-ws-float}.c:where([data-page=webshops])[data-motion=on] .wb-float-b{animation:7s ease-in-out -3.5s infinite c27-webshops-ws-float}@keyframes c27-webshops-ws-float{50%{transform:translateY(-8px)}}:where(.c[data-page=webshops]) .wb-list-chips{flex-wrap:wrap;gap:6px;padding:0 10px 8px;display:flex}:where(.c[data-page=webshops]) .wb-static{opacity:.86;border-radius:14px;align-items:flex-start;gap:12px;min-width:0;padding:12px;display:flex}:where(.c[data-page=webshops]) .wb-static .grow{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}:where(.c[data-page=webshops]) .wb-static .title{font-size:14.5px;font-weight:600}:where(.c[data-page=webshops]) .wb-static .sub{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}:where(.c[data-page=webshops]) .wb-list>.wb-mail,:where(.c[data-page=webshops]) .wb-list>.wb-static{animation:10s cubic-bezier(.2,.8,.2,1) infinite both c27-row-in}:where(.c[data-page=webshops]) .wb-list>:nth-child(4){animation-delay:.3s}:where(.c[data-page=webshops]) .wb-list>:nth-child(5){animation-delay:.6s}:where(.c[data-page=webshops]) .wb-list>:nth-child(6){animation-delay:.9s}:where(.c[data-page=webshops]) .wb-list>:nth-child(7){animation-delay:1.2s}:where(.c[data-page=webshops]) .wb-win{background:var(--bg);text-align:left;grid-template-columns:330px minmax(0,1fr);min-height:600px;display:grid;overflow:hidden}:where(.c[data-page=webshops]) .wb-list{background:var(--rail);flex-direction:column;gap:4px;min-width:0;padding:14px 10px;display:flex}:where(.c[data-page=webshops]) .wb-list .t-label{padding:6px 10px 8px}:where(.c[data-page=webshops]) .wb-mail{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:flex-start;gap:12px;width:100%;min-width:0;padding:12px;display:flex}:where(.c[data-page=webshops]) .wb-mail:hover{background:var(--hover)}:where(.c[data-page=webshops]) .wb-mail[aria-pressed=true]{background:var(--raised);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line)}:where(.c[data-page=webshops]) .wb-mail .grow{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}:where(.c[data-page=webshops]) .wb-mail .title{font-size:14.5px;font-weight:600}:where(.c[data-page=webshops]) .wb-mail .sub{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}:where(.c[data-page=webshops]) .wb-pane{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:18px;min-width:0;padding:24px 26px;display:grid}:where(.c[data-page=webshops]) .wb-main{flex-direction:column;gap:14px;min-width:0;display:flex}:where(.c[data-page=webshops]) .wb-order{flex-direction:column;gap:9px;padding:16px;display:flex}:where(.c[data-page=webshops]) .wb-order .head{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}:where(.c[data-page=webshops]) .wb-order .head .dot{color:oklch(100% 0 0);background:oklch(58% .15 140);border-radius:5px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid}:where(.c[data-page=webshops]) .wb-stop{background:var(--warn-tint);border-radius:18px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.c:where([data-page=webshops])[data-motion=on] .wb-pane .e1{animation:.5s cubic-bezier(.2,.8,.2,1) both c27-webshops-ws-e}.c:where([data-page=webshops])[data-motion=on] .wb-pane .e2{animation:.5s cubic-bezier(.2,.8,.2,1) .35s both c27-webshops-ws-e}.c:where([data-page=webshops])[data-motion=on] .wb-pane .e3{animation:.45s cubic-bezier(.3,1.4,.5,1) 2.6s both c27-webshops-ws-pop}.c:where([data-page=webshops])[data-motion=on] .wb-pane .e4{animation:.5s cubic-bezier(.2,.8,.2,1) 3s both c27-webshops-ws-e}.c:where([data-page=webshops])[data-motion=on] .wb-pane .wb-type{animation:2.2s linear .5s both c27-webshops-ws-type}@keyframes c27-webshops-ws-e{0%{opacity:0;transform:translateY(12px)}}@keyframes c27-webshops-ws-pop{0%{opacity:0;transform:scale(.85)}}@keyframes c27-webshops-ws-type{0%{--rv:0%}to{--rv:112%}}:where(.c[data-page=webshops]) .wb-pane .hold .fill{transform-origin:0;width:100%;animation:7s cubic-bezier(.5,0,.3,1) 3.4s infinite both c27-webshops-ws-hold;transform:scaleX(0)}@keyframes c27-webshops-ws-hold{0%,40%{transform:scaleX(0)}62%{transform:scaleX(1)}66%,to{transform:scaleX(0)}}:where(.c[data-page=webshops]) .wb-social{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:20px;display:grid}:where(.c[data-page=webshops]) .wb-lib{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}:where(.c[data-page=webshops]) .wb-lib .photo{aspect-ratio:1;border-radius:12px}:where(.c[data-page=webshops]) .wb-lib .sel{box-shadow:0 0 0 3px var(--raised),0 0 0 5px var(--tan);animation:10s linear infinite both c27-webshops-ws-pick}:where(.c[data-page=webshops]) .wb-lib .sel:nth-of-type(3){animation-delay:.5s}:where(.c[data-page=webshops]) .wb-lib .sel:nth-of-type(5){animation-delay:1s}@keyframes c27-webshops-ws-pick{0%,6%{box-shadow:0 0 0 3px var(--raised),0 0 0 3px transparent}10%,92%{box-shadow:0 0 0 3px var(--raised),0 0 0 5px var(--tan)}to{box-shadow:0 0 0 3px var(--raised),0 0 0 3px transparent}}:where(.c[data-page=webshops]) .wb-post{background:var(--raised);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}:where(.c[data-page=webshops]) .wb-post .photo{border-radius:0;height:180px}:where(.c[data-page=webshops]) .wb-post .ptxt{flex-direction:column;gap:8px;padding:14px 16px;display:flex}:where(.c[data-page=webshops]) .wb-post .typing{animation:10s linear infinite both c27-webshops-ws-cap}@keyframes c27-webshops-ws-cap{0%,14%{--rv:0%}42%,to{--rv:112%}}:where(.c[data-page=webshops]) .wb-dots{gap:5px;display:flex;position:absolute;bottom:10px;left:50%;translate:-50%}:where(.c[data-page=webshops]) .wb-dots i{background:oklch(100% 0 0/.5);border-radius:50%;width:6px;height:6px}:where(.c[data-page=webshops]) .wb-dots i:first-child{background:oklch(100% 0 0)}:where(.c[data-page=webshops]) .wb-reel{border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;height:64px;display:grid;position:relative;overflow:hidden}:where(.c[data-page=webshops]) .wb-reel .photo{border-radius:0;height:100%}:where(.c[data-page=webshops]) .wb-reel .head{background:var(--ink);width:2px;animation:6s linear infinite both c27-webshops-ws-play;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 0 2px oklch(100% 0 0/.6)}@keyframes c27-webshops-ws-play{0%{left:0}to{left:calc(100% - 2px)}}:where(.c[data-page=webshops]) .wb-social .step.now .dot{animation:2.4s ease-in-out infinite c27-webshops-ws-breathe}@keyframes c27-webshops-ws-breathe{50%{box-shadow:0 0 0 7px oklch(48% .07 300/.06)}}:where(.c[data-page=webshops]) .wb-split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:40px;display:grid}:where(.c[data-page=webshops]) .wb-floor .row{min-height:66px}:where(.c[data-page=webshops]) .wb-floor .row .sub{white-space:normal}.c:where([data-page=webshops]).c[data-motion=off] .wb-win *,.c:where([data-page=webshops]).c[data-motion=off] .wb-social *{animation:none}@media (width<=900px){:where(.c[data-page=webshops]) .wb-hero{grid-template-columns:minmax(0,1fr)}:where(.c[data-page=webshops]) .wb-hero-film{flex-direction:column;gap:12px;padding:0;display:flex}:where(.c[data-page=webshops]) .wb-float{width:auto;position:static}:where(.c[data-page=webshops]) .wb-win{min-height:0}:where(.c[data-page=webshops]) .wb-win,:where(.c[data-page=webshops]) .wb-social,:where(.c[data-page=webshops]) .wb-split,:where(.c[data-page=webshops]) .wb-pane{grid-template-columns:minmax(0,1fr)}:where(.c[data-page=webshops]) .wb-faq{grid-template-columns:minmax(0,1fr)!important}}@media (width<=640px){:where(.c[data-page=webshops]) .wb-pane{padding:18px 16px}}:where(.c[data-page=webshops]) .wb-pane[hidden]{display:none}:where(.c[data-page=webshops]) .display.wb-h1{font-size:clamp(42px,5.6vw,80px)}:where(.c[data-page=webshops]) .wb-film-box{position:relative}:where(.c[data-page=webshops]) .band-tight.wb-tools-band{padding-bottom:0}:where(.c[data-page=webshops]) .wb-stack8,:where(.c[data-page=webshops]) .wb-stack16,:where(.c[data-page=webshops]) .wb-stack36{flex-direction:column;display:flex}:where(.c[data-page=webshops]) .wb-stack8{gap:8px}:where(.c[data-page=webshops]) .wb-stack16{gap:16px}:where(.c[data-page=webshops]) .wb-stack36{gap:36px}:where(.c[data-page=webshops]) .wb-inbox-site{flex-direction:column;align-items:center;gap:36px;display:flex}:where(.c[data-page=webshops]) .pano.wb-pano{margin:0}:where(.c[data-page=webshops]) .wb-self-start{align-self:flex-start}:where(.c[data-page=webshops]) .tag.wb-mail-tag{align-self:flex-start;margin-top:4px}:where(.c[data-page=webshops]) .t-body.wb-small{font-size:14px}:where(.c[data-page=webshops]) .card-flat.wb-mailcard{gap:6px;padding:16px 18px}:where(.c[data-page=webshops]) .decision-head.wb-dhead{padding:12px 18px}:where(.c[data-page=webshops]) .decision-body.wb-dbody{gap:14px;padding:18px}:where(.c[data-page=webshops]) .paper.wb-paper{padding:16px 18px}:where(.c[data-page=webshops]) .voice.wb-draft{margin:0;font-size:15.5px;line-height:24px}:where(.c[data-page=webshops]) .voice.wb-says{margin:0;font-size:17px;line-height:26px}:where(.c[data-page=webshops]) .row-flex.wb-gap8{gap:8px}:where(.c[data-page=webshops]) .row-flex.wb-between{justify-content:space-between}:where(.c[data-page=webshops]) .row-flex.wb-wrap{flex-wrap:wrap;gap:8px}:where(.c[data-page=webshops]) .photo.wb-product-photo{height:96px}:where(.c[data-page=webshops]) .photo.wb-rel{position:relative}:where(.c[data-page=webshops]) .voice.wb-post-text{font-size:15.5px;line-height:23px}:where(.c[data-page=webshops]) .voice.wb-month-text{font-size:15px;line-height:22px}:where(.c[data-page=webshops]) .card-flat.wb-loop-card{gap:4px;padding:12px}:where(.c[data-page=webshops]) .wb-loop-head{font-size:14px}:where(.c[data-page=webshops]) .paper.wb-loop-paper{padding:10px 12px;font-size:13px;line-height:19px}:where(.c[data-page=webshops]) .wb-block{display:block}:where(.c[data-page=webshops]) .wb-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;display:grid}:where(.c[data-page=webshops]) .wb-mascot{flex:none;display:inline-block}:where(.c[data-page=webshops]) .follow>picture{display:block}:where(.c[data-page=webshops]) .follow>picture>img{width:auto;height:260px;animation:4.2s ease-in-out infinite c27-bob;display:block}@media (width<=760px){:where(.c[data-page=webshops]) .follow>picture>img{height:180px}}:where(.c[data-page=webshops]) .wb-floor .row .title{white-space:normal}@media (width<=760px){:where(.c[data-page=webshops]) .wb-film-box .loop-ctl{top:12px;bottom:auto;right:12px}}