.shop-browser{left:calc(47 * var(--u));top:calc(40 * var(--u));width:calc(506 * var(--u));height:calc(312 * var(--u));animation-name:shop-browser;position:absolute}.shop-brand{padding:calc(14 * var(--u)) calc(22 * var(--u)) calc(6 * var(--u));font-size:calc(19 * var(--u));letter-spacing:-.01em;justify-content:space-between;align-items:center;display:flex}.shop-cart{display:grid;position:relative}.shop-cart .ms-ico{width:calc(22 * var(--u));height:calc(22 * var(--u))}.shop-cart i{right:calc(-6 * var(--u));top:calc(-7 * var(--u));width:calc(14 * var(--u));height:calc(14 * var(--u));background:var(--orange);color:var(--ink-inverse);font-size:calc(9 * var(--u));border-radius:50%;place-items:center;font-style:normal;font-weight:700;animation-name:shop-cart-number;display:grid;position:absolute}.shop-heading{padding:0 calc(22 * var(--u));font-size:calc(12 * var(--u));color:var(--ms-paper-ink-soft);display:block}.shop-grid{gap:calc(11 * var(--u));padding:calc(15 * var(--u)) calc(20 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.shop-card{padding:calc(7 * var(--u));border:1px solid var(--ms-paper-line);border-radius:calc(7 * var(--u));background:var(--ink-primary)}.shop-card b{margin-top:calc(9 * var(--u));font-size:calc(11 * var(--u));display:block}.shop-photo,.shop-detail-photo{height:calc(109 * var(--u));border-radius:calc(4 * var(--u));background:var(--ms-paper-line);place-items:center;display:grid}.shop-line{width:75%;height:calc(3 * var(--u));margin-top:calc(6 * var(--u));border-radius:var(--radius-full);background:var(--ms-paper-line);display:block}.shop-line-short{width:43%}.shop-card-0{animation-name:shop-assemble-0}.shop-card-1{animation-name:shop-assemble-1}.shop-card-2{animation-name:shop-assemble-2}.shop-item{display:block;position:relative}.shop-item i{display:block;position:absolute}.shop-item-bag{width:calc(78 * var(--u));height:calc(55 * var(--u));border-radius:calc(9 * var(--u));background:linear-gradient(135deg, var(--orange-light), #b3401a)}.shop-item-bag:before{content:"";left:calc(25 * var(--u));top:calc(-12 * var(--u));width:calc(28 * var(--u));height:calc(13 * var(--u));border:calc(5 * var(--u)) solid var(--ink-inverse);border-radius:calc(7 * var(--u)) calc(7 * var(--u)) 0 0;border-bottom:0;position:absolute}.shop-item-bag i{left:0;right:0;top:calc(25 * var(--u));height:calc(5 * var(--u));background:var(--gold-light)}.shop-item-case{width:calc(73 * var(--u));height:calc(54 * var(--u));border:calc(3 * var(--u)) solid #5c5c66;border-radius:calc(6 * var(--u));background:linear-gradient(135deg,#dadade,#a9a9b2)}.shop-item-case:before{content:"";left:calc(20 * var(--u));top:calc(-14 * var(--u));width:calc(26 * var(--u));height:calc(10 * var(--u));border:calc(4 * var(--u)) solid #5c5c66;border-radius:calc(4 * var(--u)) calc(4 * var(--u)) 0 0;border-bottom:0;position:absolute}.shop-item-case i{width:calc(22 * var(--u));height:calc(6 * var(--u));margin:calc(-3 * var(--u)) 0 0 calc(-11 * var(--u));background:#5c5c66;top:50%;left:50%;box-shadow:0 0 #0000}.shop-item-case i:after{content:"";left:calc(8 * var(--u));top:calc(-8 * var(--u));width:calc(6 * var(--u));height:calc(22 * var(--u));background:#5c5c66;position:absolute}.shop-item-vest{width:calc(63 * var(--u));height:calc(74 * var(--u));background:linear-gradient(90deg, var(--orange-light), var(--gold-light));clip-path:polygon(15% 0,35% 0,40% 12%,60% 12%,65% 0,85% 0,100% 32%,85% 40%,85% 100%,15% 100%,15% 40%,0 32%)}.shop-item-vest i{left:0;right:0;top:calc(34 * var(--u));height:calc(7 * var(--u));background:var(--ink-primary);box-shadow:0 calc(17 * var(--u)) var(--ink-primary)}.shop-detail{left:calc(92 * var(--u));top:calc(88 * var(--u));width:calc(416 * var(--u));height:calc(226 * var(--u));animation-name:shop-detail;display:flex;position:absolute;overflow:hidden}.shop-detail-photo{background:color-mix(in srgb, var(--orange-light) 20%, var(--ink-primary));border-radius:0;width:47%;height:auto}.shop-detail-photo .shop-item{transform:scale(1.6)rotate(-8deg)}.shop-detail-copy{padding:calc(20 * var(--u)) calc(19 * var(--u));flex:1}.shop-detail-copy b{margin:calc(9 * var(--u)) 0;font-size:calc(25 * var(--u));line-height:1.05;display:block}.shop-detail-text{font-size:calc(11 * var(--u));color:var(--ms-paper-ink-soft);line-height:1.5;display:block}.shop-add{align-items:center;gap:calc(7 * var(--u));margin-top:calc(12 * var(--u));padding:calc(10 * var(--u));border-radius:calc(6 * var(--u));background:var(--orange);color:var(--ink-inverse);font-size:calc(12 * var(--u));font-weight:700;animation-name:shop-add;display:flex}.shop-confirm{left:calc(330 * var(--u));top:calc(270 * var(--u));animation-name:shop-confirm}.shop-badge{left:calc(22 * var(--u));bottom:calc(22 * var(--u));align-items:center;gap:calc(11 * var(--u));padding:calc(12 * var(--u)) calc(17 * var(--u));border-color:color-mix(in srgb, var(--gold) 40%, transparent);box-shadow:var(--shadow-gold-strong);display:flex;position:absolute;transform:rotate(-5deg)}.shop-badge b{font-size:calc(30 * var(--u));letter-spacing:-.01em;color:var(--gold)}.shop-badge span{max-width:calc(70 * var(--u));font-size:calc(11 * var(--u));color:var(--ink-secondary);line-height:1.3}@keyframes shop-browser{0%,to{opacity:.6;transform:scale(.96)}12%,42%{opacity:1;transform:none}53%,86%{opacity:.35;transform:scale(.95)}96%{opacity:.6;transform:scale(.96)}}@keyframes shop-assemble-0{0%,to{transform:translate(calc(-48 * var(--u)), calc(-38 * var(--u))) rotate(-15deg)}17%,90%{transform:none}}@keyframes shop-assemble-1{0%,to{transform:translate(calc(5 * var(--u)), calc(32 * var(--u))) rotate(9deg)}23%,90%{transform:none}}@keyframes shop-assemble-2{0%,to{transform:translate(calc(45 * var(--u)), calc(-24 * var(--u))) rotate(17deg)}29%,90%{transform:none}}@keyframes shop-detail{0%,39%,to{opacity:0;transform:translate(calc(-80 * var(--u)), calc(20 * var(--u))) scale(.55)}51%,88%{opacity:1;transform:none}96%{opacity:0;transform:translate(calc(100 * var(--u)), calc(-25 * var(--u))) scale(.7)}}@keyframes shop-add{0%,61%,69%,to{transform:none}65%{transform:scale(.94)}}@keyframes shop-confirm{0%,66%,94%,to{opacity:0;transform:translateY(calc(10 * var(--u)))}73%,87%{opacity:1;transform:none}}@keyframes shop-cart-number{0%,68%,to{opacity:0;transform:scale(0)}75%,92%{opacity:1;transform:scale(1)}}
