.story-viewer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070c1ceb;display:flex;gap:22px;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.story-close{background:#00000047;border:1px solid hsla(0,0%,100%,.28);border-radius:50%;color:#fff;cursor:pointer;font:300 calc(32px*var(--fs))/1 var(--font);height:42px;position:fixed;right:24px;top:18px;width:42px;z-index:4}.story-player{background:var(--ink);border-radius:var(--r-lg);box-shadow:0 24px 70px #0000008c;height:min(700px,calc(100vh - 48px));isolation:isolate;overflow:hidden;position:relative;width:min(390px,calc(100vw - 48px))}.story-media{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.story-player:after{background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 23%,transparent 54%,rgba(0,0,0,.88));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.story-progress{display:flex;gap:4px;left:12px;position:absolute;right:12px;top:10px;z-index:5}.story-progress>i{background:#ffffff59;border-radius:2px;flex:1;height:3px;overflow:hidden}.story-progress>i.done{background:#fff}.story-progress>i>b{animation:story-progress 6.5s linear forwards;background:#fff;display:block;height:100%;transform-origin:left;width:100%}@keyframes story-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-player-head{align-items:center;color:#fff;display:flex;gap:9px;left:14px;position:absolute;right:52px;top:22px;z-index:5}.story-store-logo{background:#fff;border:2px solid var(--lima);border-radius:50%;display:flex;height:38px;overflow:hidden;padding:0;width:38px}.story-store-logo img{border-radius:50%;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.story-player-head>div{display:flex;flex-direction:column;text-shadow:0 1px 3px rgba(0,0,0,.65)}.story-player-head b{font-size:calc(13px*var(--fs))}.story-player-head small{color:#ffffffc2;font-size:10.5px}.story-caption{bottom:88px;color:#fff;display:flex;flex-direction:column;left:20px;position:absolute;right:20px;text-shadow:0 2px 6px rgba(0,0,0,.8);z-index:5}.story-caption>span{color:var(--lima);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.story-caption>b{font-size:calc(20px*var(--fs));line-height:1.18;margin-top:4px}.story-caption>small{font-size:calc(14px*var(--fs));font-weight:700;margin-top:5px}.story-som{background:#0000004d;border:0;border-radius:50%;cursor:pointer;font-size:calc(15px*var(--fs));height:34px;margin-left:auto;pointer-events:auto;width:34px}.story-legenda{display:-webkit-box;font-size:calc(14px*var(--fs));line-height:1.35;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.story-actions.so-loja{grid-template-columns:1fr}.story-actions{bottom:18px;display:grid;gap:8px;grid-template-columns:1fr 1fr;left:16px;position:absolute;right:16px;z-index:6}.story-actions .btn{align-items:center;border:0;display:flex;font-size:calc(13px*var(--fs));font-weight:700;height:48px;justify-content:center}.story-product-btn{background:var(--lima);border-radius:var(--r-full);color:var(--ink)}.story-store-btn{background:#fff;border-radius:var(--r-full);color:var(--roxo-600)}.story-preview{background:var(--ink);border:1px solid hsla(0,0%,100%,.18);border-radius:var(--r-lg);box-shadow:0 14px 40px #00000059;cursor:pointer;height:min(570px,70vh);opacity:.58;overflow:hidden;padding:0;position:relative;transition:opacity .2s,transform .2s;width:190px}.story-preview:hover{opacity:.9;transform:scale(1.025)}.story-preview img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.story-preview:after{background:linear-gradient(transparent,#000000d9);content:"";inset:55% 0 0;position:absolute}.story-preview span{bottom:14px;color:#fff;font-size:calc(12px*var(--fs));font-weight:700;left:12px;position:absolute;right:12px;text-align:left;z-index:2}.story-nav{background:#0000004d;border:0;color:#fff;cursor:pointer;font-size:calc(34px*var(--fs));height:52px;position:absolute;top:50%;transform:translateY(-50%);width:38px;z-index:7}.story-nav-prev{border-radius:0 8px 8px 0;left:0}.story-nav-next{border-radius:var(--r-md) 0 0 8px;right:0}.story-tap{display:none}.story-modal-enter-active,.story-modal-leave-active{transition:opacity .2s}.story-modal-enter-active .story-player,.story-modal-leave-active .story-player{transition:transform .22s}.story-modal-enter-from,.story-modal-leave-to{opacity:0}.story-modal-enter-from .story-player,.story-modal-leave-to .story-player{transform:scale(.94)}@media(max-width:760px){.story-viewer{background:var(--ink);padding:0}.story-preview{display:none}.story-player{border-radius:0;height:100dvh;width:min(100vw,430px)}.story-close{background:#00000040;border:0;font-size:calc(27px*var(--fs));height:34px;right:10px;top:14px;width:34px}.story-nav{display:none}.story-tap{background:transparent;border:0;bottom:145px;display:block;position:absolute;top:74px;width:28%;z-index:4}.story-tap-prev{left:0}.story-tap-next{right:0}.story-caption{bottom:90px}.story-caption>b{font-size:calc(18px*var(--fs))}}@media(max-width:760px)and (orientation:landscape){.story-player{width:min(56.25dvh,320px)}.story-actions{gap:5px;left:8px;right:8px}.story-actions .btn{font-size:11px;padding:0 5px}.story-caption{left:12px;right:12px}.story-caption>b{font-size:calc(15px*var(--fs))}}
