.acct-drops{display:flex;flex-direction:column;gap:1.25rem;scroll-margin-top:1rem}.acct-drops__banner{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:1rem 2.5rem;border:2px solid #FCEFC4;border-radius:.75rem;background:url(/account/twitch-drops/Stars.png) center / 100% 100% no-repeat,linear-gradient(90deg,#fdf6df,#f4e8f4 50%,#fdf6df);text-align:center}.acct-drops__banner-title,.acct-drops__banner-period{font-family:LoftiaLocaleDisplay,Fredoka,sans-serif;font-weight:600}.acct-drops__banner-title{font-size:1.375rem;color:#271e12}.acct-drops__banner-period{font-size:1rem;font-weight:700;color:#7b3fc4}.acct-drops__rewards{padding:1.25rem;border:1px solid #F3E5DA;border-radius:.75rem}.acct-drops__rewards-title{margin-bottom:1rem;text-align:center;font-size:1.125rem;font-weight:var(--acct-title-weight);color:#271e12}.acct-drops__reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.acct-drops__reward{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.25rem 1rem;border-radius:.75rem;background:#eff4f8;text-align:center}.acct-drops__reward-name{font-size:1rem;font-weight:700;color:#271e12}.acct-drops__reward-text{margin-top:.25rem;font-size:.875rem;line-height:1.3;color:#4b5563}.acct-drops__reward-image{height:11rem;margin:auto 0;padding:1rem 0;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.acct-drops__reward-time{font-size:1rem;font-weight:700;color:#271e12}.acct-window.acct-drops__steps{border-color:#b794e8;background-color:#f7f2fd;background-image:linear-gradient(rgba(183,148,232,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(183,148,232,.14) 1px,transparent 1px);background-size:1.5rem 1.5rem}.acct-drops__steps .acct-window__titlebar{background:#e2cff9}.acct-drops__steps .acct-window__title{color:#5b2fa8}.acct-drops__plain-steps{padding-top:1rem;border:2px solid #D3BDF0;border-radius:.75rem}.acct-drops__plain-steps-title{padding:0 1.5rem;font-size:1.125rem;font-weight:var(--acct-title-weight);color:#5b2fa8}.acct-drops__step-list{counter-reset:acct-drops-step;padding:.5rem 1.5rem 1.25rem}.acct-drops__step{counter-increment:acct-drops-step;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 0 1rem 2.75rem}.acct-drops__step+.acct-drops__step{border-top:2px dotted #D3BDF0}.acct-drops__step:before{content:counter(acct-drops-step);position:absolute;left:0;top:1rem;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;background:#5b2fa8;font-size:.8125rem;font-weight:700;color:#fff}.acct-drops__step-title{font-size:1rem;font-weight:700;color:#5b2fa8}.acct-drops__step-text{font-size:.875rem;line-height:1.55;color:#5b2fa8}.acct-drops__cta{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem 1.25rem;border-radius:.5rem;background:#141c2e;font-size:.9375rem;font-weight:700;color:#fff;cursor:pointer;transition:background-color .15s ease}.acct-drops__cta svg{width:1.25rem;height:1.25rem;flex-shrink:0}.acct-drops__error{font-size:.875rem;color:#b42318}.acct-drops__cta:hover:not(:disabled){background:#2c3854}.acct-drops__cta:disabled{opacity:.6;cursor:default}.acct-drops-card{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.25rem;overflow:hidden;border-radius:1rem;background:linear-gradient(180deg,#fdf3d8,#f3e4f3)}.acct-drops-card--sidebar{flex-direction:column;align-items:stretch;gap:.5rem;margin-bottom:0;padding-bottom:0}.acct-drops-card__content{flex:1;min-width:0}.acct-drops-card__title{margin-bottom:.75rem;font-size:1.125rem;font-weight:var(--acct-title-weight);line-height:1.35;color:#271e12}.acct-drops-card--sidebar .acct-drops-card__cta{width:100%}.acct-drops-card__art{flex-shrink:0;width:7.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.acct-drops-card--sidebar .acct-drops-card__art{align-self:center;width:100%;max-width:13rem}@media (max-width: 640px){.acct-drops__banner{padding:.875rem 1rem;background-image:linear-gradient(90deg,#fdf6df,#f4e8f4 50%,#fdf6df);background-size:auto}.acct-drops__banner-title{font-size:1.125rem}.acct-drops__reward-grid{grid-template-columns:minmax(0,1fr)}.acct-drops__step-list{padding:.25rem 1rem .75rem}.acct-drops-card__art{width:6rem}}.acct-window{border:2px solid #A9C4F2;border-radius:.75rem;overflow:hidden}.acct-window__titlebar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#d6e5fa}.acct-window__title{display:flex;align-items:center;gap:.5rem;font-family:LoftiaLocaleDisplay,Fredoka,sans-serif;font-weight:600;font-size:1rem;color:#22488f}.acct-window__icon{height:1.25rem}.acct-window__buttons{display:flex;gap:.375rem}.acct-window__btn{display:flex;width:1.375rem;height:1.375rem;cursor:pointer}.acct-window__btn:disabled{opacity:.45;cursor:default}.acct-window__btn img{width:100%;height:100%}.acct-maker{background:#fffdf0}.acct-maker__body{display:grid;grid-template-columns:12.5rem minmax(0,1fr);min-height:30rem}.acct-maker__palette{padding:1rem .75rem;background:#fbefdd;border-right:2px solid #A9C4F2}.acct-maker__heading{font-family:LoftiaLocaleDisplay,Fredoka,sans-serif;font-weight:600;font-size:.95rem;color:#22488f;text-align:center}.acct-maker__stickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem}.acct-maker__carousel-arrow{display:none}.acct-maker__palette-sticker{border-radius:.5rem;padding:.125rem;cursor:grab;transition:transform .15s ease,background .15s ease}.acct-maker__palette-sticker:hover{transform:scale(1.08);background:#fff9}.acct-maker__workspace{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1rem 1.25rem 1.25rem;background-color:#fffdf0;background-image:linear-gradient(rgba(169,196,242,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(169,196,242,.12) 1px,transparent 1px);background-size:1rem 1rem}.acct-maker__swatches{display:flex;gap:.625rem}.acct-maker__swatch{width:2.5rem;height:2.5rem;overflow:hidden;border-radius:9999px;border:3px solid transparent;cursor:pointer;transition:transform .15s ease}.acct-maker__swatch img{display:block;width:100%;height:100%}.acct-maker__swatch:hover{transform:scale(1.08)}.acct-maker__swatch--active{border-color:#8ab0f0}.acct-maker__hint{font-size:.8rem;color:#2a4d8a;text-align:center}.acct-maker__palette .acct-maker__hint{margin-top:.25rem}.acct-maker__card{position:relative;width:100%;max-width:24rem;overflow:hidden;background-size:cover;box-shadow:0 6px 16px #271e122e;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.acct-maker__slot{position:absolute;background:#fff;padding:var(--acct-slot-border)}.acct-maker__file{display:none}.acct-maker__empty{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:1rem;background:#505050;border-radius:var(--acct-photo-radius);font-size:.7rem;font-weight:700;line-height:1.3;color:#fff;text-align:center;cursor:pointer;transition:background .15s ease}.acct-maker__empty:before{content:"";position:absolute;inset:.625rem;border:1px dashed #9A9A9A;border-radius:.5rem}.acct-maker__empty:hover{background:#606060}.acct-maker__photo{display:block;width:100%;height:100%;cursor:pointer}.acct-maker__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--acct-photo-radius)}.acct-maker__slot-menu{position:absolute;top:50%;left:50%;display:none;flex-direction:column;gap:.375rem;transform:translate(-50%,-50%)}.acct-maker__slot--menu .acct-maker__slot-menu{display:flex}@media (hover: hover){.acct-maker__slot--filled:hover .acct-maker__slot-menu,.acct-maker__slot--filled:focus-within .acct-maker__slot-menu{display:flex}}.acct-maker__menu-btn{padding:.25rem .75rem;border-radius:.375rem;border:1px solid #EDE5D8;background:#fff;font-size:.7rem;color:#2a4d8a;white-space:nowrap;cursor:pointer}.acct-maker__menu-btn:hover{background:#f2f6fd}.acct-maker__menu-btn--danger{color:#c62828}.acct-maker__sticker{position:absolute;z-index:1;cursor:move;touch-action:none}.acct-maker__sticker img{display:block;width:100%;pointer-events:none}.acct-maker__sticker--selected{z-index:2;outline:2px solid #8AB4F8}.acct-maker__sticker-remove{position:absolute;top:-.6rem;left:-.6rem;width:1.2rem;height:1.2rem;border-radius:9999px;background:#5b8def;cursor:pointer}.acct-maker__sticker-remove:before,.acct-maker__sticker-remove:after{content:"";position:absolute;top:50%;left:50%;width:.6rem;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}.acct-maker__sticker-remove:after{transform:translate(-50%,-50%) rotate(-45deg)}.acct-maker__sticker-handle{position:absolute;width:.6rem;height:.6rem;border:2px solid #8AB4F8;background:#fff}.acct-maker__sticker-handle--ne{top:-.35rem;right:-.35rem;cursor:nesw-resize}.acct-maker__sticker-handle--se{bottom:-.35rem;right:-.35rem;cursor:nwse-resize}.acct-maker__sticker-handle--sw{bottom:-.35rem;left:-.35rem;cursor:nesw-resize}.acct-maker__sticker-rotate{position:absolute;left:50%;bottom:-1.75rem;width:1.25rem;height:1.25rem;border-radius:9999px;border:2px solid #8AB4F8;background:#fff;transform:translate(-50%);cursor:grab}.acct-maker__sticker-rotate:before{content:"↻";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;color:#5b8def}.acct-maker__error{text-align:center}.acct-maker__download-hint{margin-top:.5rem}.acct-maker__download{margin-top:.25rem}@media (max-width: 1023px){.acct-maker__body{grid-template-columns:minmax(0,1fr)}.acct-maker__palette{order:1;border-right:none;border-top:2px solid #A9C4F2}.acct-maker__carousel{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.acct-maker__carousel-arrow{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:2px solid #F5C04A;background:#ffecbe;cursor:pointer;transition:opacity .15s ease}.acct-maker__carousel-arrow:before{content:"";width:.5rem;height:.5rem;border-right:3px solid #CC9A20;border-bottom:3px solid #CC9A20}.acct-maker__carousel-arrow--prev:before{transform:translate(2px) rotate(135deg)}.acct-maker__carousel-arrow--next:before{transform:translate(-2px) rotate(-45deg)}.acct-maker__carousel-arrow:disabled{opacity:.35;cursor:default}.acct-maker__stickers{display:flex;flex:1;min-width:0;gap:.5rem;margin-top:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.acct-maker__stickers::-webkit-scrollbar{display:none}.acct-maker__palette-sticker{flex:0 0 4.5rem;scroll-snap-align:start}.acct-maker__workspace{padding:1rem .75rem}}