hyh-ruleta[hidden]{display:none}.ruleta{--ruleta-red: #dd1d1d;--ruleta-black: #000;--ruleta-panel: #0b0b0b;padding:0;border:0;border-radius:16px;background:transparent;color:#fff;max-width:92vw;width:100%;overflow:visible}.ruleta::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ruleta[open]{display:flex;flex-direction:column}.ruleta__panel{background:var(--ruleta-panel);border-radius:16px;padding:20px 20px 24px;text-align:center;position:relative;z-index:2}.ruleta__view{display:flex;flex-direction:column;gap:12px;align-items:center}.ruleta__view[hidden]{display:none}.ruleta__title{font-size:clamp(28px,8vw,40px);line-height:1.02;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin:0;color:#fff}.ruleta__subtitle{font-size:15px;line-height:1.4;color:#ffffffd1;margin:0;max-width:34ch}.ruleta__form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:340px}.ruleta__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ruleta__input{width:100%;min-height:48px;padding:12px 14px;border-radius:10px;border:1px solid rgb(255 255 255 / .28);background:#ffffff0f;color:#fff;font-size:16px}.ruleta__input::placeholder{color:#ffffff80}.ruleta__input:focus-visible{outline:2px solid var(--ruleta-red);outline-offset:2px}.ruleta__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ruleta__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px;padding:12px 22px;border:0;border-radius:999px;background:var(--ruleta-red);color:#fff;font-size:16px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 16px #dd1d1d61;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.ruleta__btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #dd1d1d80}.ruleta__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.ruleta__btn[disabled]{opacity:.6;cursor:progress;transform:none}.ruleta__fine{font-size:11px;line-height:1.5;color:#ffffff80;margin:4px 0 0}.ruleta__decline{background:none;border:0;color:#ffffff8c;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px}.ruleta__decline:hover{color:#ffffffd9}.ruleta__decline:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}.ruleta__error{color:#ff8a8a;font-size:13px;margin:0}.ruleta__error[hidden]{display:none}.ruleta__won-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--ruleta-red);margin:0}.ruleta__won-prize{font-size:clamp(26px,7vw,38px);font-weight:800;margin:0;color:#fff}.ruleta__won-sub{font-size:14px;color:#ffffffc7;margin:0;max-width:32ch}.ruleta__code-row{display:flex;gap:8px;align-items:stretch;width:100%;max-width:340px}.ruleta__code{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 12px;border:2px dashed rgb(255 255 255 / .4);border-radius:10px;font-family:ui-monospace,Menlo,monospace;font-size:18px;font-weight:700;letter-spacing:.06em;background:#ffffff0d;color:#fff}.ruleta__copy{min-height:48px;min-width:72px;padding:8px 14px;border:1px solid rgb(255 255 255 / .3);border-radius:10px;background:#ffffff14;color:#fff;font-weight:700;cursor:pointer}.ruleta__copy:hover{background:#ffffff29}.ruleta__copy:focus-visible{outline:2px solid #fff;outline-offset:2px}.ruleta__copy.is-copied{background:var(--ruleta-red);border-color:var(--ruleta-red)}.ruleta__countdown{font-size:14px;color:#ffffffc7;margin:0}.ruleta__countdown strong{color:#fff;font-variant-numeric:tabular-nums;font-size:17px}.ruleta__close{position:absolute;top:8px;right:8px;z-index:5;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:999px;background:#0000008c;color:#fff;cursor:pointer}.ruleta__close:hover{background:#000c}.ruleta__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.ruleta__wheel-wrap{position:relative;width:320px;max-width:88vw;height:200px;margin:-24px auto -34px;overflow:hidden;z-index:1}.ruleta__canvas{position:absolute;left:50%;top:-120px;width:320px;height:320px;transform:translate(-50%);filter:drop-shadow(0 10px 24px rgb(0 0 0 / .5))}.ruleta__hub{position:absolute;left:50%;top:40px;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:999px;background:#fff;display:grid;place-items:center;z-index:3;box-shadow:0 2px 10px #0006;font-weight:800;color:var(--ruleta-red);font-size:16px;overflow:hidden}.ruleta__hub img{width:64px;height:64px;object-fit:cover}.ruleta__pointer{position:absolute;left:50%;top:200px;transform:translate(-50%,-100%);width:0;height:0;z-index:4;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:22px solid #fff;filter:drop-shadow(0 2px 3px rgb(0 0 0 / .5))}.ruleta__tab{position:fixed;left:12px;bottom:12px;z-index:9998;width:56px;height:56px;border-radius:999px;border:0;background:var(--ruleta-red);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 18px #00000073}.ruleta__tab[hidden]{display:none}.ruleta__tab:focus-visible{outline:2px solid #fff;outline-offset:2px}.ruleta__tab-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#fff;color:var(--ruleta-red);font-size:12px;font-weight:800;display:grid;place-items:center}@media(min-width:750px){.ruleta{max-width:760px}.ruleta[open]{flex-direction:row;align-items:stretch}.ruleta__wheel-wrap{width:260px;height:440px;margin:0;flex:0 0 260px;align-self:center}.ruleta__canvas{left:-170px;top:50%;right:auto;width:420px;height:420px;transform:translateY(-50%)}.ruleta__hub{left:40px;top:50%;transform:translate(-50%,-50%);width:72px;height:72px}.ruleta__hub img{width:72px;height:72px}.ruleta__pointer{left:248px;top:50%;transform:translate(-50%,-50%);border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:0;border-right:22px solid #fff;width:0;height:0}.ruleta__panel{flex:1;border-radius:16px;padding:40px 40px 40px 24px}.ruleta__view{align-items:flex-start;text-align:left}.ruleta__title,.ruleta__subtitle,.ruleta__won-prize,.ruleta__won-sub{text-align:left}.ruleta__code-row,.ruleta__form{max-width:360px}}@media(prefers-reduced-motion:reduce){.ruleta__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/hyh-ruleta.css.map */