.title_container{display:flex;flex-direction:row;margin:0;width:100%;max-width:100%;text-align:left;justify-content:space-between;margin-bottom:16px}.title_container .title{display:flex;flex-direction:column;gap:8px}.title h3{display:flex;gap:4px;margin:0}.live-count{display:inline-flex;align-items:center;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--menu);color:var(--textSecondary);font-family:var(--fontInter);font-size:var(--font_second);font-weight:var(--fontweight_500);white-space:nowrap}.gems-cta{max-width:1130px;margin:auto;display:block}.ad-break-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 8px;background:linear-gradient(135deg,var(--background),var(--White));border:1px solid var(--border)}.ad-break-copy{display:flex;flex-direction:column;gap:10px;min-width:0}.ad-break-eyebrow,.ad-break-subtitle,.ad-break-pill,.ad-break-limit-copy,.ad-break-dialog-kicker,.ad-break-dialog-subtitle,.ad-break-dialog-meter-top,.ad-break-dialog-timer-label,.ad-break-dialog-timer,.ad-break-dialog-note{font-family:var(--fontInter)}.ad-break-eyebrow,.ad-break-dialog-kicker{color:var(--Pink);font-size:var(--font_main);font-weight:var(--fontweight_heavy);text-transform:uppercase;letter-spacing:.04em}.ad-break-title-wrap{display:flex;flex-direction:column;gap:4px}.ad-break-title-wrap h2,.ad-break-dialog-title{margin:0;color:var(--textMain);font-size:var(--font_title);line-height:1.15;font-weight:var(--fontweight_heavy)}.ad-break-subtitle,.ad-break-limit-copy,.ad-break-dialog-subtitle,.ad-break-dialog-note{color:var(--textSecondary)}.ad-break-pills{display:flex;flex-wrap:wrap;gap:8px}.ad-break-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--menu);color:var(--textMain);font-size:var(--font_second);font-weight:var(--fontweight_500);white-space:nowrap}.ad-break-actions{display:flex;flex-direction:column;gap:10px;width:280px;max-width:100%;align-items:stretch}.ad-break-actions sl-button,sl-button.ad-break-dialog-action-btn{width:100%}.ad-break-limit-copy{font-size:var(--font_second);text-align:right}.ad-break-dialog::part(panel){max-width:560px}.ad-break-dialog-body{display:flex;flex-direction:column;gap:14px}.ad-break-dialog-meter,.ad-break-dialog-timer-wrap{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:var(--menu);border:1px solid var(--border)}.ad-break-dialog-meter-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--font_second);color:var(--textSecondary)}sl-progress-bar.ad-break-dialog-progress{--height:14px;--track-color:var(--searchBar);--indicator-color:var(--Purple)}sl-progress-bar.ad-break-dialog-timer-progress{--height:10px;--track-color:var(--searchBar);--indicator-color:var(--Pink)}.ad-break-dialog-status{color:var(--textMain);font-size:var(--font_large);font-weight:var(--fontweight_heavy);line-height:1.4}.ad-break-dialog-timer{color:var(--textMain);font-size:var(--font_second)}sl-button.ad-break-dialog-action-btn[disabled]::part(base){border:1px solid var(--border);background:var(--menu);color:var(--textSecondary);opacity:1}.gem-rewards-hero{margin:24px auto}sl-button.primary-btn.gem_offer_popup::part(base){border:1px solid var(--Purple);color:var(--Purple);background:0 0}.gem-rewards-hero-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px}.gem-rewards-copy{display:flex;flex-direction:column;gap:6px}.gem-rewards-title{display:flex;align-items:center;gap:0}.section.gem-rewards-hero.component{background:0 0;padding:16px!important;margin:0;width:auto}.gem-rewards-title h1{margin:0;font-size:32px;line-height:1.1;font-weight:var(--fontweight_heavy)}.gem-rewards-subtitle{color:var(--textSecondary);font-family:var(--fontInter)}.gem-rewards-side{margin-left:auto;display:flex;align-items:center;gap:8px}.gem-rewards-actions{margin-top:16px;width:100%}.gem-rewards-actions sl-button{width:100%}.gem-offers-carousel{width:100%;min-height:200px;--slide-gap:12px}.gem-offers-section{position:relative;overflow:hidden;background:radial-gradient(160px 120px at 0% 0%,rgba(164,113,251,.12),transparent 70%),radial-gradient(170px 130px at 100% 100%,rgba(230,51,115,8%),transparent 72%),var(--White)}.gem-offers-section::before,.gem-offers-section::after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0}.gem-offers-section::before{width:140px;height:140px;top:-55px;right:-20px;background:radial-gradient(circle,rgba(164,113,251,.2),transparent 70%)}.gem-offers-section::after{width:110px;height:110px;bottom:-35px;left:-20px;background:radial-gradient(circle,rgba(230,51,115,.14),transparent 72%)}.gem-offers-section>*{position:relative;z-index:1}.gem-offers-carousel::part(base){display:block}.gem-offers-carousel::part(scroll-container){padding-bottom:4px}.gem-offers-carousel::part(pagination){margin-top:10px;gap:6px;bottom:10px}.gem-offers-carousel::part(pagination-item){background-color:var(--menu)}.gem-offers-carousel::part(pagination-item--active){background-color:var(--Purple)}.gem-offer-item{height:200px;box-sizing:border-box;opacity:0;transform:translateY(14px)scale(.98);animation:gemOfferEnter .55s cubic-bezier(.2,.75,.2,1)forwards;animation-delay:calc(var(--offer-index,0) * 70ms)}.gem-offers-empty{font-family:var(--fontInter);color:var(--textSecondary)}.gem-offer-card::part(base){border-radius:16px;border:1px solid var(--Purple-100,#e9ddff);box-shadow:none;height:100%;background:linear-gradient(180deg,var(--background),var(--White));transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.gem-offer-card{width:100%;height:100%;position:relative;overflow:hidden}.gem-offer-card::before{content:"";position:absolute;top:-40%;left:-90%;width:55%;height:180%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transition:left .65s ease;pointer-events:none;z-index:1}.gem-offer-card:hover::before{left:170%}.gem-offer-card:hover::part(base){border-color:rgba(164,113,251,.65);box-shadow:0 14px 28px rgba(164,113,251,.14)}.gem-offer-card.gem-offer-claimed-pop::part(base){animation:gemOfferClaimPop .6s cubic-bezier(.2,.75,.2,1)}.gem-offer-item-placeholder{pointer-events:none}.gem-offer-entry-btn::part(base){width:100%}.gem-offer-skeleton-card::part(base){border-radius:16px;border:1px solid var(--Purple-100,#e9ddff)}.gem-offer-card::part(body){height:100%;display:flex;flex-direction:column;justify-content:space-between}.gem-offer-head{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.gem-offer-skeleton-head{gap:8px}.gem-offer-skeleton-title,.gem-offer-skeleton-subtitle,.gem-offer-skeleton-bar,.gem-offer-skeleton-cost,.gem-offer-skeleton-btn{border-radius:10px}.gem-offer-skeleton-title{width:80%;height:20px}.gem-offer-skeleton-subtitle{width:56%;height:14px}.gem-offer-skeleton-progress{margin-bottom:10px}.gem-offer-skeleton-bar{width:100%;height:10px}.gem-offer-skeleton-cost{width:78px;height:18px}.gem-offer-skeleton-btn{width:90px;height:34px}.gem-offer-card-plusonly::part(base){border-color:var(--Purple)}.gem-offer-title{font-size:var(--font_title);font-weight:var(--fontweight_heavy);line-height:1.2}.gem-offer-plus-logo-inline{width:70px!important;height:22px;display:inline-block;flex:none;background-image:var(--ribblrPlusLogo);background-size:contain;background-repeat:no-repeat;background-position:50%}.gem-offer-plus-lock-label,.gem-offer-plus-lock-note{display:inline-flex;align-items:center;gap:6px;font-family:var(--fontInter)}.gem-offer-plus-lock-label{justify-content:center;white-space:nowrap}.gem-offer-plus-lock-label img,.gem-offer-plus-lock-note img{width:16px;height:16px;object-fit:contain;vertical-align:middle}.gem-offer-plus-lock-note{color:var(--textSecondary)}.gem-offer-dialog-label{display:inline-flex;align-items:center;gap:6px}.gem-offer-title img,.gem-offer-dialog-label img{height:1.2em;width:auto;object-fit:contain;vertical-align:middle}.gem-offer-meta{color:var(--textSecondary);font-family:var(--fontInter)}.gem-offer-card .progress_contain{width:100%!important;background:#e633731a;padding:12px;border-radius:14px;box-sizing:border-box;margin-bottom:10px;max-width:100%}.gem-offer-card .p-progress-top{display:flex;flex-direction:column;gap:6px}.gem-offer-card .pattern_progress{position:static;top:auto;right:auto;color:var(--Pink);text-shadow:none;font-family:var(--fontInter);font-weight:var(--fontweight_heavy)}.gem-offer-card .claimed-text{font-size:var(--font_main)}.gem-offer-card .p-progress-top progress{width:100%;height:8px;-webkit-appearance:none;appearance:none}.gem-offer-card .p-progress-top progress[value]::-webkit-progress-value{background:repeating-linear-gradient( -45deg,#d96c95,#d96c95 4px,#E63373 4px,#E63373 13px );background-size:24px 24px;animation:gemProgressShift 1.8s linear infinite;border-radius:8px}.gem-offer-card .p-progress-top progress::-webkit-progress-bar{background:#e6337333;border-radius:37.2px}.gem-offer-card .p-progress-top ::-moz-progress-bar{background:repeating-linear-gradient( -45deg,#d96c95,#d96c95 4px,#E63373 4px,#E63373 13px );border-radius:8px}.gem-offer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.gem-offer-cost-wrap{display:flex;align-items:baseline;gap:4px;font-family:var(--fontInter)}sl-button.claim-gem-offer-btn::part(base){min-height:36px;height:36px;background:0 0;border:1px solid var(--Purple);color:var(--Purple)}sl-button.claim-gem-offer-btn::part(label){padding:14px}sl-button.claim-gem-offer-btn::part(base):hover{background:var(--Purple-100,#f3ecff)}sl-button.claim-gem-offer-btn.claim-gem-offer-btn-soldout::part(base),sl-button.claim-gem-offer-btn[disabled]::part(base){border-color:var(--border);color:var(--textSecondary);background:var(--menu);cursor:not-allowed}sl-button.claim-gem-offer-btn.claim-gem-offer-btn-pluslocked::part(base){border-color:var(--Purple);color:var(--Purple);background:0 0;opacity:1}.gem-offer-cost-wrap .sale_price_before,.gem-offer-dialog-cost .sale_price_before{margin-left:0!important;white-space:nowrap;font-size:var(--font_main)}.title span{color:var(--textSecondary);font-family:var(--fontInter)}.learnmorelink{font-size:13px!important;opacity:1!important;color:var(--textSecondary)!important;margin:0!important;width:fit-content;display:inline-flex!important;align-items:center;gap:4px;margin-top:6px!important;text-decoration:none!important}.subtitle{max-width:unset;color:var(--textSecondary);font-family:var(--fontInter)}.countdown-subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.gem-drop-countdown{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.gem-drop-countdown .countdown_unit{display:inline-flex;align-items:baseline;gap:2px;background:var(--menu);border:1px solid var(--border);border-radius:8px;padding:2px 6px;width:30px}.gem-drop-countdown .countdown_value{font-weight:var(--fontweight_heavy);color:var(--textMain);line-height:1}.gem-drop-countdown .countdown_label{font-size:var(--font_second);color:var(--textSupport);font-weight:var(--fontweight_heavy)}.gem-offer-claim-dialog::part(panel){max-width:560px}.gem-offer-success-dialog::part(panel){max-width:680px}.gem-offer-dialog-body{display:flex;flex-direction:column;gap:12px}.gem-offer-success-body{display:flex;flex-direction:column;gap:12px;max-height:min(68vh,620px);overflow:auto;font-family:var(--fontInter)}.gem-offer-success-body img{max-width:100%;height:auto;border-radius:12px}.gem-offer-success-body>*:first-child{margin-top:0}.gem-offer-success-body>*:last-child{margin-bottom:0}.gem-offer-dialog-offer.component,.gem-offer-success-body{position:relative;width:100%;max-width:none;margin:0;padding:24px;border-radius:16px;background:var(--background-component,var(--White));box-sizing:border-box}.gem-offer-dialog-offer.component img,.gem-offer-success-body img{max-width:100%;border-radius:12px;margin:12px 0}.gem-offer-db-stars{position:absolute;top:-16px;left:-16px;width:60px;pointer-events:none}.gem-offer-db-stars img{width:100%;height:100%;display:block}.gem-offer-db-content{font-family:var(--fontInter);color:var(--textMain)}.gem-offer-db-content>*:first-child{margin-top:0}.gem-offer-db-content>*:last-child{margin-bottom:0}.gem-offer-dialog-cost{display:flex;justify-content:flex-start}.gem-offer-insufficient{color:var(--textSecondary);font-family:var(--fontInter)}sl-button.confirm-claim-gem-offer-btn{width:100%}sl-button.confirm-claim-gem-offer-btn::part(base){width:100%}sl-button.confirm-claim-gem-offer-btn .gem-offer-cost-wrap{width:100%;justify-content:center}sl-button.confirm-claim-gem-offer-btn .gems-price{color:var(--White-500);background:rgb(204 213 219/15%)}sl-button.confirm-claim-gem-offer-btn .sale_price_before{color:var(--White-500);opacity:.5}.emoji{font-family:noto color emoji,sans-serif}.nav_menu{background:0 0!important;position:relative;left:-10px}.nav_menu img{width:275px}.component{background:var(--White);border-radius:24px;padding:16px;max-width:1100px;width:calc(100% - 32px);margin:16px 0}sl-button.primary-btn.close-gem-offer-success-dialog::part(base){background:0 0;color:var(--textSecondary);border:1px solid}.all_patterns{padding:16px;width:calc(100% - 32px)}.explain_container{display:flex;flex-wrap:wrap;max-width:1100px;width:90%;flex-direction:row;justify-content:left;font-size:13px;gap:6px;margin:16px 16px 24px}.all_patterns.animated{animation-delay:1s}.faq-section.animated{animation-delay:3s}.accordion{cursor:pointer;width:100%;border:none;text-align:left;outline:none;transition:.4s;margin-top:6px;border-radius:16px;padding:16px;max-width:1132px}.accordion.active,.accordion:hover{border-radius:16px 16px 0 0}.panel{padding:0 10px;display:none;background-color:var(--White);overflow:hidden;border-radius:0 0 16px 16px;padding:0 14px 14px;max-width:1100px;width:calc(100% - 28px)}.shopnowbanner{padding:0;width:100%;background:no-repeat;margin-top:-20px;max-width:1130px}.materials_banner{display:block;background:var(--Purple);color:#fff;padding:16px;margin:0 auto 24px;width:calc(100% - 32px);display:flex;justify-content:space-between;gap:0;max-height:300px;background-image:url(https://lcdn.ribblr.com/images/material-blur.svg);background-position-x:right;background-repeat:no-repeat}.home_banner{flex-direction:row;display:flex;width:max-content;margin:24px auto 16px;max-width:100%;color:#fff}.home_mat{display:flex;justify-content:center;align-items:center;width:175px;position:relative}.home_mat img{width:150px;position:absolute;bottom:-32px}.home_info{padding:8px;position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;margin-top:-15px!important;padding:10px!important}.home_title,.home_subtitle,.home_btn sl-button::part(label){color:var(--White-500)!important}.home_title{white-space:pre-line}.home_sub{font-size:var(--font_large);white-space:pre-line;color:#fff!important}.home_sub span{display:none;color:#fff}.title svg path{stroke:var(--textMain)}.about_ribblr_gems a::before{content:""!important}#loading img{width:80px}.panel a{text-decoration:underline;display:inline}.home_btn sl-button::part(base){border:1px solid var(--White);background:#fbf9fc26;box-sizing:border-box;border-radius:99px;height:44px}.home_btn sl-button::part(label){padding:0 16px;font-size:var(--font_large);font-weight:500;box-sizing:border-box}.about_ribblr_gems{max-width:1132px;margin:40px auto;width:calc(100% - 32px)}.faq-section{max-width:1132px;width:100%;margin:16px 0 24px}span.sale-price-before{font-size:var(--font_main)}.gem_info_text{display:flex;flex-direction:column}.gem_balance.gem-balance-pop{animation:gemBalancePop .5s ease}.gem-confetti-piece{position:fixed;top:-12px;width:8px;height:14px;border-radius:2px;pointer-events:none;z-index:12000;opacity:.95;animation:gemConfettiFall linear forwards}@keyframes gemOfferEnter{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gemOfferClaimPop{0%{transform:scale(1)}45%{transform:scale(1.03)}100%{transform:scale(1)}}@keyframes gemBalancePop{0%{transform:scale(1)}40%{transform:scale(1.13)}100%{transform:scale(1)}}@keyframes gemConfettiFall{0%{transform:translate3d(0,-8px,0)rotate(0);opacity:.95}100%{transform:translate3d(var(--drift-x,0px),110vh,0)rotate(760deg);opacity:1}}@keyframes gemProgressShift{to{background-position:24px 0}}@keyframes gemLivePulse{0%{box-shadow:0 0 rgba(53,195,109,.4)}70%{box-shadow:0 0 0 9px rgba(53,195,109,0)}100%{box-shadow:0 0 rgba(53,195,109,0)}}.container_gem_balance{display:flex;gap:8px;justify-content:space-between}.gems-cta sl-button{width:210px}@media only screen and (max-width:500px){.ad-break-card{flex-direction:column;align-items:flex-start}.ad-break-actions{width:100%}.ad-break-limit-copy{text-align:left}.ad-break-dialog-meter-top{flex-direction:column;align-items:flex-start}.materials_banner{background-position-x:0}.explain_for_code{overflow:hidden;flex-direction:column}.dialog__panel,sl-drawer::part(panel),sl-dialog::part(panel){max-height:85vh!important}.container_gem_balance{flex-direction:row-reverse;width:100%}.gem-rewards-side{margin-left:0}.gem-rewards-actions sl-button{width:100%}.gem-offer-item{height:200px}}@media only screen and (max-width:1024px){.home_info{width:290px}}@media only screen and (min-width:1024px){.explain_container{gap:24px}.home_sub span{display:block}.home_img{height:180px;flex-basis:30%}.home_mat{width:275px;position:relative}.home_mat img{width:250px;position:absolute;bottom:-32px}}.shopnowimgbanner{width:100%;border-radius:24px}.craft_type{display:none}.image-overlay{position:fixed;top:0;padding-top:env(safe-area-inset-top);left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10001;opacity:0;pointer-events:none;transition:opacity .3s ease}.image-overlay.visible{opacity:1;pointer-events:all}.image-overlay img{width:80vw;max-width:80vw;max-height:80vh;object-fit:contain;cursor:pointer;border-radius:24px}.popup_art,.popup_name,.popup_shop,.popup_sizes,.popup_level{margin-bottom:8px;font-size:14px;border-bottom:.25px solid #efdff9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;line-height:20px}.popup_name{font-weight:600}.change_store_online{display:block;margin:10px 0 20px;font-size:13px;width:fit-content;font-style:italic}sl-dialog::part(close-button__base){color:#000!important}.sale_price_before{text-decoration:line-through;font-size:var(--font_second);margin-left:0!important;opacity:.7}.sale_price{display:none!important}.pattern_text_name{height:auto!important}.not_purchased_yet{display:block;margin:10px 0 20px;font-size:12px;width:fit-content;background:#a471fb45;border-radius:24px;padding:2px 10px}