.osap-thumbs{list-style:none;margin:4px 0 10px;padding:0;display:flex;flex-wrap:nowrap;gap:6px;position:relative;z-index:4}.osap-thumbs li{margin:0;padding:0;flex:0 0 auto}.osap-thumb{display:block;width:36px;height:36px;padding:2px;border:1px solid #e6dfd4;border-radius:6px;background:#f7f3ee;cursor:pointer;transition:border-color .15s ease,transform .15s ease;position:relative}.osap-thumb img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}.osap-thumb__dot{display:block;width:100%;height:100%;border-radius:4px;box-shadow:inset 0 0 0 1px #00000026}.osap-thumb.is-active{border:1.5px solid #2b1d12}.osap-thumb:active{transform:scale(.94)}.osap-thumb.is-soldout{opacity:.45}.osap-thumb.is-soldout:after{content:"";position:absolute;left:4px;right:4px;top:50%;height:1px;background:#8b7a66;transform:rotate(-35deg)}.osap-thumb--more{display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#5a4632;text-decoration:none;background:#fff}@media(min-width:750px){.osap-thumb{width:44px;height:44px}}.osap-crown{position:absolute;top:9px;right:9px;z-index:4;width:30px;height:30px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#3b2706;pointer-events:none;background:linear-gradient(145deg,#fff3c4,#f1cf6b 38%,#c9952b 70%,#e9c463);box-shadow:0 0 0 1.5px #ffffffd9,0 3px 10px #78500a59,inset 0 1px 1px #ffffffb3,inset 0 -2px 3px #78500a40}.osap-crown svg{position:relative;z-index:1;filter:drop-shadow(0 1px 0 rgba(255,240,190,.6))}.osap-crown__shine{position:absolute;top:-20%;left:-80%;width:45%;height:140%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:osapCrownShine 3.4s ease-in-out infinite}@keyframes osapCrownShine{0%,55%{left:-80%}85%,to{left:140%}}@media(min-width:750px){.osap-crown{width:34px;height:34px;top:12px;right:12px}.osap-crown svg{width:17px;height:17px}}@media(prefers-reduced-motion:reduce){.osap-crown__shine{animation:none;display:none}}.scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in,.scroll-trigger.animate--zoom-in{opacity:1!important;transform:none!important;animation:none!important}
/*# sourceMappingURL=/cdn/shop/t/68/assets/osap-cards.css.map */