.rg-hero .glitter-guard-slide{position:relative;isolation:isolate;min-height:570px;overflow:hidden;color:#142b48;background:radial-gradient(ellipse at 74% 28%,#fff9fd 0%,#f3d6ee 34%,transparent 65%),linear-gradient(118deg,#ffeaf5,#f2e7f8 46%,#c9e9ff)!important}.rg-hero .glitter-guard-slide:before,.rg-hero .glitter-guard-slide:after{display:none!important}.rg-hero .glitter-stage{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(roku-glitter-field.svg?v=20261022-twinkles-1) center bottom/cover no-repeat;pointer-events:none}.rg-hero .glitter-guard-slide .hero-content{position:relative;z-index:3;padding-block:38px}.rg-hero .glitter-guard-slide h2{color:#17324e;font-size:clamp(37px,3.7vw,54px);line-height:1.06;letter-spacing:-.035em}.glitter-title-colors{display:block}.glitter-title-pink{color:#af1b73}.glitter-title-blue{color:#075da3}.glitter-title-and{font:italic 400 .78em Georgia,serif;color:#3e4a69}.rg-hero .glitter-guard-slide h2 em{display:block;margin:0 0 6px -5px;color:#a51570;font:italic 400 clamp(84px,8.2vw,96px)/1.04 Georgia,serif;letter-spacing:-.04em}.rg-hero .glitter-guard-slide .glitter-release{margin:26px 0 12px;max-width:440px;color:#213b59;font-size:14px;font-weight:500;line-height:1.5}.glitter-release time{display:block;font-size:19px;font-weight:750;line-height:1.45}.rg-hero .glitter-guard-slide .glitter-copy{margin:0 0 12px;max-width:33ch;color:#284554;font-size:16px;line-height:1.5}.rg-hero .glitter-guard-slide .glitter-price{margin:0;color:#17324e;font-size:26px;font-weight:750;letter-spacing:-.025em}.glitter-fine{display:block;max-width:42ch;margin-top:20px;color:#395166;font-size:12px;line-height:1.5}.rg-hero .glitter-guard-slide .glitter-guard-art{grid-column:2;grid-row:1;position:relative;display:block;width:100%;max-width:650px;height:540px;margin:0 auto;transform:none;isolation:isolate}.glitter-guard-art:before,.glitter-guard-art:after{content:"";position:absolute;z-index:0;width:61%;height:12%;bottom:7%;border-radius:50%;background:radial-gradient(ellipse,#1047793d,transparent 70%);transform:rotate(-8deg)}.glitter-guard-art:before{left:-1%;bottom:9%;background:radial-gradient(ellipse,#96225445,transparent 70%)}.glitter-guard-art:after{right:-4%;transform:rotate(8deg)}.glitter-product{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:55%;height:100%;bottom:4%;transform-origin:50% 85%}.glitter-product--pink{left:0;transform:rotate(-11deg)}.glitter-product--blue{right:0;bottom:5%;transform:rotate(10deg);z-index:1}.glitter-cutout{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(9px 19px 13px #163a6140)}.glitter-blue-frame{position:relative;display:block;width:80%;height:79%;overflow:visible;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(12px 20px 20px #17334c30)}.glitter-blue-photo{position:absolute;display:block;max-width:none;width:115%;height:115%;left:-7.5%;top:-7.5%;object-fit:contain;-webkit-mask-image:url(gg-pink-glitter-cutout.png);mask-image:url(gg-pink-glitter-cutout.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}.glitter-guard-photo--custom{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain}.glitter-light{position:absolute;z-index:4;width:48px;height:48px;fill:#fff;filter:drop-shadow(0 3px 5px #ae3d8d50);pointer-events:none}.glitter-light--pink{left:2%;top:24%;transform:rotate(13deg)}.glitter-light--blue{right:1%;bottom:20%;width:34px;height:34px;filter:drop-shadow(0 3px 5px #155fa150)}.rg-hero:has(.glitter-guard-slide:not([aria-hidden=true])){background:#dce9fb}.rg-hero:has(.glitter-guard-slide:not([aria-hidden=true])) .carousel-controls button{color:#17324e}.rg-hero:has(.glitter-guard-slide:not([aria-hidden=true])) .carousel-dots button span{background:#7c8da4}.rg-hero:has(.glitter-guard-slide:not([aria-hidden=true])) .carousel-dots button[aria-pressed=true] span{background:#a51570}.rg-hero:has(.glitter-guard-slide:not([aria-hidden=true])) button:focus-visible{outline-color:#8a1462}.glitter-guard-slide ::selection{color:#fff;background:#8a1462}@media(min-width:801px)and (max-width:1100px){.rg-hero .glitter-guard-slide{column-gap:14px}.rg-hero .glitter-guard-slide .glitter-guard-art{height:500px}.rg-hero .glitter-guard-slide .hero-content{padding-right:0}.rg-hero .glitter-guard-slide h2{font-size:37px}.rg-hero .glitter-guard-slide h2 em{font-size:84px}.glitter-release time{font-size:18px}}@media(max-width:800px){.rg-hero .glitter-guard-slide{min-height:0;background:radial-gradient(ellipse at 35% 45%,#ffe0f3 0%,transparent 55%),linear-gradient(150deg,#ffeaf5 5%,#c9e9ff 62%,#edf0fc)!important}.glitter-stage{background-size:auto 75%;background-position:57% 50%}.rg-hero .glitter-guard-slide .hero-content{display:contents}.glitter-intro{order:0;position:relative;z-index:3;padding:26px 24px 0}.rg-hero .glitter-guard-slide h2{font-size:37px}.rg-hero .glitter-guard-slide h2 em{font-size:82px;margin:0 0 0 -3px}.rg-hero .glitter-guard-slide .glitter-guard-art{order:1;height:320px;width:100%;max-width:370px;margin:0 auto}.glitter-product{height:91%;bottom:8%;width:49%}.glitter-product--pink{left:4%}.glitter-product--blue{right:3%;bottom:3%}.glitter-light--pink{left:7%;top:21%;width:36px;height:36px}.glitter-light--blue{right:5%;bottom:16%;width:26px;height:26px}.glitter-details{order:2;position:relative;z-index:3;padding:4px 24px 28px}.rg-hero .glitter-guard-slide .glitter-release{margin:0 0 12px;font-size:13px}.glitter-release time{font-size:18px;max-width:27ch}.rg-hero .glitter-guard-slide .glitter-copy{font-size:15px;margin-bottom:10px}.rg-hero .glitter-guard-slide .glitter-price{font-size:24px}.glitter-fine{font-size:11px;margin-top:16px;max-width:43ch}}@media(max-width:360px){.glitter-intro{padding:24px 20px 0}.rg-hero .glitter-guard-slide h2{font-size:32px}.rg-hero .glitter-guard-slide h2 em{font-size:74px}.rg-hero .glitter-guard-slide .glitter-guard-art{height:285px;max-width:320px}.glitter-details{padding:0 20px 24px}.glitter-release time{font-size:17px}}.glitter-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.glitter-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid #64708b;border-radius:7px;background:#ffffff8c;color:#17324e;font-size:14px;font-weight:650;line-height:1.35;text-decoration:underline;text-underline-offset:3px;transition:background-color .15s ease}.glitter-links a:hover{background:#fff}.glitter-links a:focus-visible{outline:3px solid #8a1462;outline-offset:3px}@media(max-width:800px){.glitter-links{gap:8px;margin-top:16px}.glitter-links a{padding:9px 12px;font-size:13px}.glitter-stage{background-size:auto 100%;background-position:65% 65%;-webkit-mask-image:linear-gradient(to bottom,#0003 0%,#0005 48%,#000 72%);mask-image:linear-gradient(to bottom,#0003,#0005 48%,#000 72%)}}.rg-hero .glitter-guard-slide .glitter-release--live{font-size:19px;font-weight:750}.glitter-shop-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.glitter-shop-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border-radius:7px;color:#fff;font-size:14px;font-weight:700;line-height:1.35;text-decoration:none;transition:background-color .15s ease}.glitter-shop-pink{background:#a51570}.glitter-shop-blue{background:#075da3}.glitter-shop-pink:hover{background:#841159}.glitter-shop-blue:hover{background:#064b83}.glitter-shop-links a:focus-visible{outline:3px solid #17324e;outline-offset:3px}@media(max-width:800px){.glitter-shop-links{gap:8px;margin-top:16px}.glitter-shop-links a{flex:1 1 140px;padding:11px 12px;font-size:13px}}.rg-hero .glitter-guard-slide .glitter-more-editions{position:absolute;right:10px;bottom:4px;z-index:5;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid #17324e40;border-radius:9px;background:#fffffff0;box-shadow:0 3px 12px #17324e12;color:#17324e;font-size:13px;font-weight:650;line-height:1.3;text-decoration:none;white-space:nowrap;transition:background-color .15s ease}.rg-hero .glitter-guard-slide .glitter-more-editions:hover{background:#fff;text-decoration:underline;text-underline-offset:3px}.rg-hero .glitter-guard-slide .glitter-more-editions:focus-visible{outline:3px solid #8a1462;outline-offset:3px}@media(max-width:800px){.rg-hero .glitter-guard-slide .glitter-more-editions{right:12px;bottom:0;padding:9px 12px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/199/assets/roku-glitter-hero.css.map */