.tb-prezent{--prezent-cyan: #25f4ee;--prezent-pink: #fe2c55;display:block;container:prezent / inline-size;color:#fff;background:#101113;font-family:Arial,Helvetica,sans-serif;overflow:clip;position:relative;isolation:isolate;padding:60px 32px calc(64px + env(safe-area-inset-bottom))}.tb-prezent,.tb-prezent *{box-sizing:border-box}.tb-prezent:before,.tb-prezent:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.tb-prezent:before{opacity:.7;background:radial-gradient(ellipse at 0 65%,#1990c633,transparent 50%),radial-gradient(ellipse at 100% 100%,#fe2c5522,transparent 45%)}.tb-prezent:after{background-image:radial-gradient(circle,#25f4ee 1px,transparent 1.6px),radial-gradient(circle,#fe2c55 1px,transparent 1.6px);background-size:11px 11px,13px 13px;background-position:left top,right bottom;-webkit-mask-image:linear-gradient(112deg,#000 0%,transparent 10%,transparent 90%,#000 100%);mask-image:linear-gradient(112deg,#000 0%,transparent 10%,transparent 90%,#000 100%);opacity:.5}.tb-prezent__layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:32px;align-items:center}.tb-prezent h1{color:#fff;margin:0;font:900 clamp(46px,5.5vw,78px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.055em;text-align:center;text-wrap:balance;text-shadow:0 4px 0 #000}.tb-prezent__hero{min-width:0}.tb-prezent__art{position:relative;aspect-ratio:1/1;margin-top:16px}.tb-prezent__art img{display:block;object-fit:contain;height:auto;max-width:100%;pointer-events:none}.tb-prezent__octopus{position:absolute;top:0;left:-6%;width:103%;filter:drop-shadow(0 0 15px #1990c633)}.tb-prezent__gift{position:absolute;width:58%;aspect-ratio:1/1;bottom:0;right:-1%}.tb-prezent__gift .tb-prezent__box,.tb-prezent__gift .tb-prezent__lid{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.tb-prezent__lid{z-index:2;transform-origin:75% 55%;transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .7s}.tb-prezent__glow{position:absolute;top:20%;right:5%;bottom:5%;left:5%;opacity:0;background:radial-gradient(ellipse,#fff8c8,#fff0);filter:blur(15px);transition:opacity .5s}.tb-prezent[data-state=opening] .tb-prezent__lid,.tb-prezent[data-state=success] .tb-prezent__lid{transform:translateY(-35%) rotate(-14deg)}.tb-prezent[data-state=opening] .tb-prezent__glow,.tb-prezent[data-state=success] .tb-prezent__glow{opacity:.9}.tb-prezent__panel{color:#101113;background:#fff;border-radius:26px;padding:28px;box-shadow:0 12px 45px #0006;min-width:0}.tb-prezent p{margin:0}.tb-prezent a{color:inherit;text-decoration:underline;text-underline-offset:3px}.tb-prezent__notice{display:flex;align-items:center;gap:12px;background:#fff5dd;border-radius:14px;padding:15px;margin-bottom:20px;font-size:15px;font-weight:700;line-height:1.4}.tb-prezent__notice>span{display:inline-flex;flex:0 0 24px;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid currentColor;border-radius:50%;font:700 17px/1 Georgia,serif}.tb-prezent fieldset{margin:0;padding:0;border:0;min-width:0}.tb-prezent__field{margin-bottom:16px}.tb-prezent__field>label{display:block;margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.25}.tb-prezent input:not([type=checkbox]){-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:50px;padding:12px 16px;font:400 16px/1.4 Arial,Helvetica,sans-serif;border:1px solid #a7b2c5;border-radius:12px;box-shadow:inset 0 1px 3px #1011130d;color:#101113;background:#f6f7fa}.tb-prezent input::placeholder{color:#626e81;opacity:1}.tb-prezent input[name=code]{text-transform:uppercase;font-weight:700;letter-spacing:.05em}.tb-prezent input[name=code]::placeholder{text-transform:none;font-weight:400;letter-spacing:normal}.tb-prezent__phone{display:flex;position:relative}.tb-prezent__phone>span{display:flex;align-items:center;justify-content:center;flex:0 0 68px;font-size:17px;background:#f0f2f7;border:1px solid #a7b2c5;border-right:0;border-radius:12px 0 0 12px}.tb-prezent .tb-prezent__phone input{border-radius:0 12px 12px 0}.tb-prezent small{display:block;color:#535f71;font-size:13px;line-height:1.5;margin-top:4px}.tb-prezent .tb-prezent__error{display:block;color:#a71830;font-size:14px;line-height:1.4;margin-top:4px}.tb-prezent .tb-prezent__error:empty{display:none}.tb-prezent input[aria-invalid=true]{border-color:#a71830}.tb-prezent__consents{margin-top:20px}.tb-prezent__check{display:flex;align-items:flex-start;gap:12px;margin:12px 0;font-size:14px;line-height:1.5;cursor:pointer}.tb-prezent__check input{-webkit-appearance:auto;appearance:auto;flex:0 0 22px;width:22px;height:22px;margin:0;accent-color:#007b86;cursor:pointer}.tb-prezent__button-wrap{position:relative;margin-top:26px;padding-bottom:6px}.tb-prezent .tb-prezent__button{display:flex;justify-content:center;align-items:center;width:100%;min-height:62px;padding:14px 28px;border:2px solid #008bb4;border-radius:20px;background:var(--prezent-cyan);box-shadow:0 5px #006783,0 8px 12px #10111326;color:#071317;font:800 clamp(18px,2vw,25px)/1.2 Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .12s}.tb-prezent__button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #006783}.tb-prezent__button:disabled{cursor:default}.tb-prezent .tb-prezent__tentacle{position:absolute;width:66px;height:91px;object-fit:contain;top:-12px;pointer-events:none;z-index:2;transition:transform .12s}.tb-prezent__tentacle--left{left:-36px}.tb-prezent__tentacle--right{right:-36px;transform:scaleX(-1)}.tb-prezent__button-wrap:has(.tb-prezent__button:active:not(:disabled)) .tb-prezent__tentacle--left{transform:translate(3px,3px) rotate(3deg)}.tb-prezent__button-wrap:has(.tb-prezent__button:active:not(:disabled)) .tb-prezent__tentacle--right{transform:scaleX(-1) translate(3px,3px) rotate(3deg)}.tb-prezent__status{font-size:14px;line-height:1.5;color:#38475b;margin-top:16px}.tb-prezent__status:empty{margin-top:0}.tb-prezent__privacy{text-align:center;color:#485467;font-size:13px;line-height:1.6;margin-top:16px}.tb-prezent__privacy p{margin-top:6px}.tb-prezent__capture-note{color:#485467;font-size:14px;line-height:1.5}.tb-prezent__previous{margin-top:12px;border:0;background:none;color:#38475b;text-decoration:underline;cursor:pointer;font:inherit}.tb-prezent__result{text-align:center;padding:6px 0 8px}.tb-prezent[data-state=opening] .tb-prezent__gift,.tb-prezent[data-state=success] .tb-prezent__gift{opacity:0;transition:opacity .4s}.tb-prezent__reveal{position:relative;width:190px;height:190px;margin:0 auto 4px}.tb-prezent__reveal-box,.tb-prezent__reveal-lid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.tb-prezent__reveal-lid{z-index:2;transform-origin:70% 60%}.tb-prezent__burst{position:absolute;top:-18%;right:-30%;bottom:-18%;left:-30%;border-radius:50%;background:radial-gradient(circle,#fff6b8 0,#25f4ee66 38%,#fe2c5500 68%);opacity:0;transform:scale(.3)}.tb-prezent__confetti{position:absolute;left:50%;top:38%;z-index:3}.tb-prezent__confetti i{position:absolute;width:9px;height:14px;border-radius:2px;background:var(--c);opacity:0}.tb-prezent__after{transition:opacity .45s,transform .45s}.tb-prezent .tb-prezent__amount{font-variant-numeric:tabular-nums}.tb-prezent[data-reveal=play] .tb-prezent__reveal-box{animation:tb-prezent-shake .7s ease-in-out both}.tb-prezent[data-reveal=play] .tb-prezent__reveal-lid{animation:tb-prezent-shake .7s ease-in-out both,tb-prezent-lid .65s .7s cubic-bezier(.2,.7,.3,1) forwards}.tb-prezent[data-reveal=play] .tb-prezent__burst{animation:tb-prezent-burst .8s .72s ease-out forwards}.tb-prezent[data-reveal=play] .tb-prezent__confetti i{animation:tb-prezent-confetti 1.15s calc(.75s + var(--d)) cubic-bezier(.15,.6,.35,1) forwards}.tb-prezent[data-reveal=play] .tb-prezent__surprise,.tb-prezent[data-reveal=play] .tb-prezent__amount{animation:tb-prezent-pop .45s .8s cubic-bezier(.3,1.5,.5,1) both}.tb-prezent[data-reveal][data-state=opening] .tb-prezent__after{opacity:0;transform:translateY(10px);visibility:hidden}.tb-prezent[data-reveal=static] .tb-prezent__reveal-lid,.tb-prezent[data-reveal=reduced][data-state=success] .tb-prezent__reveal-lid{opacity:0}.tb-prezent[data-reveal=static] .tb-prezent__burst,.tb-prezent[data-reveal=reduced][data-state=success] .tb-prezent__burst{opacity:.55;transform:none}.tb-prezent[data-reveal=reduced] .tb-prezent__reveal-lid,.tb-prezent[data-reveal=reduced] .tb-prezent__burst{transition:opacity .3s}@keyframes tb-prezent-shake{0%,to{transform:none}15%{transform:rotate(-7deg) translateY(-3px)}30%{transform:rotate(6deg)}45%{transform:rotate(-5deg) translateY(-4px)}60%{transform:rotate(4deg)}75%{transform:rotate(-2deg) scale(1.04)}}@keyframes tb-prezent-lid{to{transform:translate(-38%,-135%) rotate(-38deg);opacity:0}}@keyframes tb-prezent-burst{0%{opacity:0;transform:scale(.3)}35%{opacity:1}to{opacity:.55;transform:scale(1)}}@keyframes tb-prezent-confetti{0%{opacity:1;transform:translate(0) rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}@keyframes tb-prezent-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.tb-prezent__surprise{font-size:30px;font-weight:800}.tb-prezent .tb-prezent__amount{margin:14px 0 0;font-size:clamp(52px,7vw,76px);font-weight:900;letter-spacing:-.05em;line-height:1.1}.tb-prezent .tb-prezent__amount-note{margin-top:2px;font-size:22px;font-weight:800;color:#101113}.tb-prezent .tb-prezent__result-help{margin:18px 0 22px;padding:14px 16px;border-radius:14px;background:#e3fbfa;border:1px solid #9fe7e4;color:#101113;font-size:16px;font-weight:700;line-height:1.5;text-wrap:pretty}.tb-prezent :focus-visible{outline:3px solid #005fa8;outline-offset:3px}.tb-prezent .tb-prezent__sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.tb-prezent [hidden]{display:none!important}@media(max-width:900px){.tb-prezent{padding:32px 20px calc(100px + env(safe-area-inset-bottom))}}@container prezent (max-width: 900px){.tb-prezent__layout{grid-template-columns:minmax(0,480px);justify-content:center;gap:0}.tb-prezent h1{font-size:clamp(40px,9vw,64px)}.tb-prezent__art{width:min(100%,390px);height:245px;aspect-ratio:auto;margin:10px auto -6px}.tb-prezent__octopus{width:310px;max-width:85%!important;top:-8px;left:-2%}.tb-prezent__gift{width:55%;right:0;bottom:-3%}.tb-prezent__panel{z-index:1;padding:24px;border-radius:24px}.tb-prezent__notice{font-size:13px;padding:12px;gap:8px}.tb-prezent .tb-prezent__button{min-height:60px;font-size:21px;padding-inline:20px}.tb-prezent .tb-prezent__tentacle{width:57px;height:79px;top:-8px}.tb-prezent__tentacle--left{left:-30px}.tb-prezent__tentacle--right{right:-30px}}@media(max-width:360px){.tb-prezent{padding-inline:16px}}@container prezent (max-width: 320px){.tb-prezent__panel{padding:20px}.tb-prezent__reveal{width:150px;height:150px}.tb-prezent__art{height:205px}.tb-prezent__check{gap:9px;font-size:13px}.tb-prezent .tb-prezent__button{font-size:18px}}@media(prefers-reduced-motion:reduce){.tb-prezent *,.tb-prezent *:before,.tb-prezent *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.tb-prezent[data-state=opening] .tb-prezent__lid,.tb-prezent[data-state=success] .tb-prezent__lid{transform:none;opacity:0}.tb-prezent .tb-prezent__button:active,.tb-prezent .tb-prezent__tentacle{transform:none!important}.tb-prezent .tb-prezent__tentacle--right{transform:scaleX(-1)!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ten-but-prezent.css.map */