.page_container_all{width:100%;height:auto;white-space:nowrap;--web-view-name:Ribblr - Teaser;--web-view-id:Ribblr - Teaser;--web-scale-on-resize:true;--web-enable-deep-linking:true;z-index:1001}.section-surprise{background:var(--White);padding:16px;width:calc(100% - 48px);max-width:500px;border-radius:24px}.claim-btn{margin:16px 0 0;width:100%}.surprise-claim-text{display:flex;flex-direction:column;gap:4px}.surprise-container-flex{display:flex;gap:6px}.surprise-page{flex-direction:column-reverse!important;margin-bottom:16px!important}.teaser-page{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;white-space:normal;position:relative;gap:15px;background:var(--background);font-family:var(--fontInter)}.sale-price-before{font-size:14px!important}h3{font:var(--font);color:var(--textSecondary);font-size:21px;font-weight:600}.banner{background:0 0;padding:0;width:100%!important;max-width:548px;order:1;margin-top:16px}.banner img{width:100%;display:block;margin:auto;border-radius:32px}.section-surprise .pattern-image{height:auto!important;padding-bottom:0!important}.section-surprise .pattern-image img{position:relative!important}.section-surprise .pattern-text-name{height:24px!important;line-height:16px!important}@keyframes backgroundAnimation{0%{background-position:0 0}100%{background-position:150% 150%}}.announcement{font-size:40px;animation:revealText 1s ease-in-out forwards,increaseSize .75s 1s ease-in-out forwards;transform:translateY(60px);filter:blur(15px);opacity:0;text-align:center}.huge{background:linear-gradient(to right,#a471fb,#7eb818);-webkit-background-clip:text;color:transparent;font-weight:800;letter-spacing:1px;font-size:1.25em;vertical-align:middle}.huge2{font-weight:800;letter-spacing:1px;font-size:1.25em;vertical-align:middle}.dramatic-text{font-size:30px;opacity:0;animation:boom .35s 4.5s forwards ease-out;background:var(--background2);border-radius:10px;padding:5px 50px 15px}@keyframes boom{0%{transform:scale(8);opacity:.5}100%{transform:scale(1);opacity:1}}@keyframes revealText{0%{filter:blur(10px);opacity:0}100%{filter:blur(0);opacity:1}}@keyframes increaseSize{0%{font-size:40px;transform:translateY(60px)}100%{font-size:33px;transform:translateY(0)}}.image-container{text-align:center;display:block;animation:showImage .75s 1.5s forwards ease-in-out;opacity:0;height:auto;margin:10px 0 50px;position:relative}.image-container img{max-height:45vh;object-fit:cover;height:auto!important}.small-countdown{margin:auto;background:#f0f0f0;display:block;position:relative;padding:3px 6px;top:30px;border-radius:20px;width:100px}.pan-down{animation:panDown .75s 1.5s forwards cubic-bezier(.68,-.55,.27,1.55);height:100%;border-radius:20px;box-shadow:var(--box-shadow-img);transition:1s all ease-in-out}.active-animate{animation:panDownAnimation .25s cubic-bezier(.68,-.55,.27,1.55)forwards}@keyframes showImage{0%{opacity:0}100%{opacity:1}}@keyframes panDown{0%{transform:translateY(0)rotate(-45deg)}100%{transform:translateY(0)rotate(0)}}.emoji-late{font-size:18px;overflow:hidden;border-right:1px solid orange;display:inline-block;line-height:1em;height:20px;opacity:0;animation:fade-in .5s ease-in 2.5s forwards;margin-bottom:-15px;font-family:var(--fontInter)}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-delayed{to{opacity:1}}#countdown{display:inline-block;font-size:16px;top:70px;width:114px;position:absolute;opacity:0;animation:fade-in-delayed .5s ease-in 5.1s forwards}.surprise-card::part(image),.daily-goodie-card::part(image){display:flex;flex-direction:column}@media screen and (min-width:768px){.section-surprise .pattern-image{padding-bottom:0%!important}}sl-tag.sale_off:empty{display:none}.sale-pattern{display:block;word-wrap:break-word;font-weight:var(--fontweight_main);text-overflow:ellipsis;overflow:hidden;height:18px;white-space:nowrap;color:var(--textSecondary);line-height:17px}