.loop-portal{--loop-accent: #ff69c8;--loop-accent-strong: #f142ad;--loop-blush: #fff0fb;--loop-ink: #2b292a;--loop-paper: #fff;--loop-border: color-mix(in srgb, var(--loop-accent) 45%, #fff);--loop-muted: color-mix(in srgb, var(--loop-ink) 64%, #fff);--loop-shadow: 0 18px 46px rgba(112, 45, 88, .1);--loop-radius: 22px;color:var(--loop-ink);background:radial-gradient(circle at 4% 8%,color-mix(in srgb,var(--loop-accent) 12%,transparent) 0 10%,transparent 28%),radial-gradient(circle at 94% 34%,color-mix(in srgb,var(--loop-accent) 9%,transparent) 0 8%,transparent 24%),var(--loop-paper);font-family:inherit;line-height:1.45}.loop-portal *,.loop-portal *:before,.loop-portal *:after{box-sizing:border-box}.loop-portal button,.loop-portal input,.loop-portal select{font:inherit}.loop-portal h1,.loop-portal h2,.loop-portal h3,.loop-portal p{margin-block:0}.loop-portal h1,.loop-portal h2,.loop-portal h3{color:var(--loop-ink);font-weight:800;letter-spacing:-.035em;line-height:1.05}.loop-portal h1{font-size:clamp(1.7rem,3vw,3rem)}.loop-portal h2{font-size:clamp(1.65rem,3.6vw,2.85rem)}.loop-portal h3{font-size:1.08rem}.loop-portal__shell{width:min(1220px,calc(100% - 32px));margin-inline:auto;padding-block:clamp(24px,5vw,72px)}.loop-welcome{display:grid;grid-template-columns:52px 1fr 52px;gap:18px;align-items:center;padding:clamp(22px,4vw,42px);color:#fff;background:var(--loop-ink);border-radius:var(--loop-radius) var(--loop-radius) 0 0;text-align:center}.loop-welcome h1,.loop-welcome .loop-eyebrow{color:#fff}.loop-eyebrow,.loop-kicker{margin-bottom:7px!important;color:var(--loop-accent-strong);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.loop-flower{display:grid;width:52px;height:52px;place-items:center;color:var(--loop-accent);font-size:2.3rem;line-height:1}.loop-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;background:var(--loop-blush);border:1px solid var(--loop-border);border-top:0}.loop-tab{min-height:48px;padding:10px 14px;color:var(--loop-ink);background:transparent;border:1px solid transparent;border-radius:999px;font-size:.9rem;font-weight:750;cursor:pointer;transition:.16s ease}.loop-tab:hover{border-color:var(--loop-border)}.loop-tab:focus-visible,.loop-button:focus-visible,.loop-product-card__button:focus-visible,.loop-portal__footer button:focus-visible,.loop-modal__close:focus-visible{outline:3px solid color-mix(in srgb,var(--loop-accent) 55%,transparent);outline-offset:2px}.loop-tab.is-active{color:#fff;background:var(--loop-ink);box-shadow:0 8px 18px #2b292a26}.loop-status{display:flex;min-height:44px;align-items:center;justify-content:center;gap:10px;padding:10px 18px;color:var(--loop-muted);background:var(--loop-paper);border:1px solid var(--loop-border);border-top:0;font-size:.9rem;text-align:center}.loop-status.is-success{color:#16633f;background:#f0fff7}.loop-status.is-error{color:#8d1e42;background:#fff1f6}.loop-status[hidden]{display:none}.loop-spinner{width:16px;height:16px;border:2px solid var(--loop-border);border-top-color:var(--loop-accent-strong);border-radius:50%;animation:loop-spin .7s linear infinite}.loop-status.is-success .loop-spinner,.loop-status.is-error .loop-spinner{display:none}@keyframes loop-spin{to{transform:rotate(1turn)}}.loop-tab-panel{margin-bottom:clamp(34px,6vw,72px)}.loop-choice-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:clamp(22px,4vw,52px);align-items:center;padding:clamp(26px,5vw,56px);background:linear-gradient(120deg,var(--loop-blush),color-mix(in srgb,var(--loop-blush) 62%,#fff));border:1px solid var(--loop-border);border-top:0;border-radius:0 0 var(--loop-radius) var(--loop-radius);box-shadow:var(--loop-shadow)}.loop-choice-card h2{margin-bottom:14px}.loop-choice-card__note{max-width:680px;margin-top:14px!important;color:var(--loop-muted)}.loop-choice-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.loop-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:12px 20px;border:1px solid var(--loop-ink);border-radius:999px;font-size:.9rem;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.loop-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 20px #2b292a24}.loop-button:disabled{cursor:not-allowed;opacity:.5}.loop-button--dark{color:#fff;background:var(--loop-ink)}.loop-button--ghost{color:var(--loop-ink);background:transparent}.loop-button--pink{color:var(--loop-ink);background:var(--loop-accent);border-color:var(--loop-accent-strong)}.loop-button--small{min-height:38px;padding:8px 15px;font-size:.8rem}.loop-current-mini{width:100%;padding:14px;background:var(--loop-paper);border:1px solid var(--loop-border);border-radius:18px;box-shadow:0 12px 30px #702d581f}.loop-current-mini img,.loop-active-set img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px}.loop-current-mini p{margin-top:10px!important;font-size:.85rem;font-weight:750;text-align:center}.loop-product-placeholder{display:grid;width:100%;aspect-ratio:1;place-items:center;color:var(--loop-accent-strong);background:radial-gradient(circle,#fff 0 14%,transparent 15%),linear-gradient(145deg,var(--loop-blush),color-mix(in srgb,var(--loop-accent) 28%,#fff));border-radius:13px;font-size:clamp(2rem,8vw,5rem)}.loop-deadline{max-width:720px}.loop-deadline__meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:6px;font-size:.76rem;font-weight:800}.loop-deadline__track{height:18px;overflow:hidden;background:#ffffffc2;border:1px solid color-mix(in srgb,var(--loop-ink) 28%,#fff);border-radius:999px}.loop-deadline__track span{display:block;width:0;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 8px,transparent 8px 16px),var(--loop-accent);border-radius:inherit;transition:width .5s ease}.loop-orders{display:grid;gap:12px;margin-top:18px}.loop-order-card{display:grid;grid-template-columns:minmax(90px,130px) minmax(0,1fr) auto;gap:clamp(16px,3vw,30px);align-items:center;padding:clamp(18px,3vw,28px);background:var(--loop-paper);border:1px solid var(--loop-border);border-radius:18px}.loop-order-card__date{text-align:center}.loop-order-card__date strong{display:block;font-size:1.55rem;line-height:1}.loop-order-card__date span{color:var(--loop-muted);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.loop-order-card__content p{margin-top:5px!important;color:var(--loop-muted);font-size:.9rem}.loop-order-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.loop-panel-heading{padding:clamp(30px,6vw,62px) clamp(22px,5vw,52px) 24px;text-align:center}.loop-panel-heading>p:last-child{max-width:630px;margin:12px auto 0!important;color:var(--loop-muted)}.loop-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.loop-detail-card{padding:clamp(20px,4vw,32px);background:var(--loop-paper);border:1px solid var(--loop-border);border-radius:18px}.loop-detail-card--wide{grid-column:1 / -1}.loop-detail-card__label{display:block;margin-bottom:8px;color:var(--loop-muted);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.loop-detail-card p+p{margin-top:4px!important}.loop-detail-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.loop-rewards,.loop-selection,.loop-upsells,.loop-club-shop{margin-block:clamp(44px,8vw,96px)}.loop-rewards{padding:clamp(28px,5vw,58px);overflow:hidden;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--loop-accent) 20%,transparent),transparent 34%),var(--loop-blush);border:1px solid var(--loop-border);border-radius:var(--loop-radius);box-shadow:var(--loop-shadow)}.loop-section-intro{max-width:720px;margin-inline:auto;text-align:center}.loop-section-intro>p:last-child{margin-top:12px!important;color:var(--loop-muted)}.loop-milestones{position:relative;display:grid;grid-template-columns:repeat(var(--loop-milestone-count, 3),minmax(120px,1fr));gap:20px;margin-top:46px}.loop-milestones__line{position:absolute;top:35px;right:7%;left:7%;height:4px;overflow:hidden;background:color-mix(in srgb,var(--loop-ink) 15%,#fff);border-radius:99px}.loop-milestones__line span{display:block;width:0;height:100%;background:var(--loop-accent-strong);transition:width .7s ease}.loop-milestone{position:relative;z-index:1;text-align:center}.loop-milestone__icon{display:grid;width:70px;height:70px;margin:0 auto 15px;place-items:center;color:var(--loop-ink);background:var(--loop-paper);border:3px solid var(--loop-border);border-radius:50%;font-size:1.25rem;font-weight:900;transition:.18s ease}.loop-milestone.is-unlocked .loop-milestone__icon{color:#fff;background:var(--loop-accent-strong);border-color:var(--loop-accent-strong);box-shadow:0 0 0 7px color-mix(in srgb,var(--loop-accent) 20%,transparent)}.loop-milestone p{max-width:180px;margin:7px auto 0!important;color:var(--loop-muted);font-size:.78rem}.loop-milestone>span{display:inline-flex;margin-top:11px;padding:4px 9px;color:var(--loop-muted);background:#ffffffb8;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.loop-active-set{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:clamp(22px,5vw,52px);align-items:center;margin-bottom:clamp(30px,5vw,52px);padding:clamp(20px,4vw,32px);background:var(--loop-paper);border:1px solid var(--loop-border);border-radius:var(--loop-radius);box-shadow:var(--loop-shadow)}.loop-active-set>div:last-child>p:last-child{margin-top:11px!important;color:var(--loop-muted)}.loop-product-group+.loop-product-group{margin-top:clamp(44px,7vw,76px)}.loop-product-group__heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.loop-product-group__heading>p{max-width:440px;color:var(--loop-muted);text-align:right}.loop-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.loop-product-grid--upsell,.loop-product-grid--addons{grid-template-columns:repeat(4,minmax(0,1fr))}.loop-product-card{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;background:var(--loop-paper);border:1px solid var(--loop-border);border-radius:16px;box-shadow:0 10px 26px #702d580f;transition:transform .18s ease,box-shadow .18s ease}.loop-product-card:hover{transform:translateY(-4px);box-shadow:var(--loop-shadow)}.loop-product-card__media{position:relative;overflow:hidden;background:var(--loop-blush)}.loop-product-card__media img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .32s ease}.loop-product-card:hover .loop-product-card__media img{transform:scale(1.025)}.loop-product-card__badge{position:absolute;z-index:1;top:12px;right:12px;max-width:calc(100% - 24px);padding:6px 9px;color:var(--loop-ink);background:var(--loop-accent);border:1px solid color-mix(in srgb,var(--loop-accent-strong) 50%,#fff);border-radius:999px;font-size:.65rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.loop-product-card__body{display:flex;flex:1;align-items:start;justify-content:space-between;gap:14px;padding:16px}.loop-product-card__body h3{font-size:1rem}.loop-product-card__body p{margin-top:4px!important;color:var(--loop-muted);font-size:.78rem}.loop-product-card__body strong{flex:none;color:var(--loop-accent-strong);font-size:.9rem}.loop-product-card__button{width:100%;min-height:43px;padding:10px 14px;color:#fff;background:var(--loop-ink);border:0;font-size:.78rem;font-weight:800;cursor:pointer;transition:background .16s ease}.loop-product-card__button:hover:not(:disabled){background:var(--loop-accent-strong)}.loop-product-card__button:disabled{cursor:not-allowed;opacity:.48}.loop-upsells{padding:clamp(26px,5vw,48px);background:var(--loop-blush);border:1px solid var(--loop-border);border-radius:var(--loop-radius)}.loop-club-banner{position:relative;min-height:clamp(310px,50vw,580px);overflow:hidden;background:var(--loop-accent);border-radius:var(--loop-radius) var(--loop-radius) 0 0}.loop-club-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.loop-club-banner__overlay{position:absolute;inset:auto auto clamp(28px,6vw,68px) clamp(24px,6vw,68px);width:min(480px,calc(100% - 48px));padding:clamp(22px,4vw,38px);color:#fff;background:#2b292ad6;border:1px solid rgba(255,255,255,.22);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loop-club-banner__overlay h2,.loop-club-banner__overlay p{color:#fff}.loop-club-banner__overlay>p:last-child{margin-top:12px!important}.loop-product-grid--addons{padding:16px;background:var(--loop-blush);border:1px solid var(--loop-border);border-top:0;border-radius:0 0 var(--loop-radius) var(--loop-radius)}.loop-empty{display:grid;min-height:170px;place-items:center;padding:30px;color:var(--loop-muted);background:var(--loop-blush);border:1px dashed var(--loop-border);border-radius:16px;text-align:center}.loop-empty--compact{grid-column:1 / -1;min-height:130px}.loop-empty__icon{display:block;margin-bottom:-32px;color:var(--loop-accent-strong);font-size:2rem}.loop-portal__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 4px 4px;border-top:1px solid var(--loop-border);color:var(--loop-muted);font-size:.86rem}.loop-portal__footer-links{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end}.loop-portal__footer a,.loop-portal__footer button{padding:0;color:var(--loop-ink);background:none;border:0;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.loop-login{width:min(680px,calc(100% - 32px));margin:clamp(40px,10vw,120px) auto;padding:clamp(34px,7vw,76px);background:var(--loop-blush);border:1px solid var(--loop-border);border-radius:var(--loop-radius);box-shadow:var(--loop-shadow);text-align:center}.loop-login .loop-flower{margin-inline:auto}.loop-login>p:not(.loop-kicker){max-width:510px;margin:16px auto 24px!important;color:var(--loop-muted)}.loop-login__help{margin-bottom:0!important;font-size:.82rem}.loop-login a:not(.loop-button){color:var(--loop-ink);font-weight:800}.loop-modal{width:min(620px,calc(100% - 28px));max-height:min(820px,calc(100vh - 28px));padding:0;overflow:visible;background:transparent;border:0}.loop-modal::backdrop{background:#1f161d9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loop-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.loop-modal__backdrop button{width:100%;height:100%;opacity:0}.loop-modal__card{position:relative;max-height:min(820px,calc(100vh - 28px));overflow:auto;padding:clamp(24px,5vw,40px);color:var(--loop-ink);background:var(--loop-paper);border:2px solid var(--loop-border);border-radius:var(--loop-radius);box-shadow:0 30px 80px #1f161d57}.loop-modal__close{position:absolute;z-index:1;top:12px;right:12px;display:grid;width:38px;height:38px;place-items:center;color:var(--loop-ink);background:var(--loop-blush);border:1px solid var(--loop-border);border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer}.loop-modal__intro{padding-right:34px}.loop-modal__intro>p:last-child{margin-top:10px!important;color:var(--loop-muted)}.loop-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.loop-form__field{display:grid;gap:6px}.loop-form__field--wide,.loop-form__actions{grid-column:1 / -1}.loop-form label{color:var(--loop-muted);font-size:.73rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.loop-form input,.loop-form select{width:100%;min-height:46px;padding:10px 12px;color:var(--loop-ink);background:#fff;border:1px solid color-mix(in srgb,var(--loop-ink) 25%,#fff);border-radius:10px}.loop-form input:focus,.loop-form select:focus{border-color:var(--loop-accent-strong);outline:3px solid color-mix(in srgb,var(--loop-accent) 20%,transparent)}.loop-form__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:8px}.loop-swap-preview{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;margin-top:22px;padding:14px;background:var(--loop-blush);border-radius:14px}.loop-swap-preview img{width:110px;aspect-ratio:1;object-fit:cover;border-radius:10px}.loop-swap-preview p{margin-top:5px!important;color:var(--loop-muted);font-size:.86rem}.loop-toast{position:fixed;z-index:9999;right:22px;bottom:22px;width:min(380px,calc(100% - 44px));padding:15px 18px;color:#fff;background:var(--loop-ink);border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:0 18px 48px #1f161d47;font-size:.88rem;font-weight:700;animation:loop-toast-in .22s ease both}.loop-toast.is-error{background:#8d1e42}@keyframes loop-toast-in{0%{opacity:0;transform:translateY(10px)}}@media(max-width:900px){.loop-product-grid,.loop-product-grid--upsell,.loop-product-grid--addons{grid-template-columns:repeat(2,minmax(0,1fr))}.loop-milestones{grid-template-columns:repeat(2,minmax(120px,1fr))}.loop-milestones__line{display:none}}@media(max-width:720px){.loop-portal__shell{width:min(100% - 20px,1220px)}.loop-welcome{grid-template-columns:34px 1fr 34px;gap:7px}.loop-flower{width:34px;height:34px;font-size:1.7rem}.loop-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.loop-choice-card{grid-template-columns:1fr}.loop-current-mini{display:grid;grid-template-columns:90px minmax(0,1fr);gap:15px;align-items:center}.loop-order-card{grid-template-columns:74px minmax(0,1fr)}.loop-order-card__actions{grid-column:1 / -1;justify-content:flex-start}.loop-detail-grid{grid-template-columns:1fr}.loop-detail-card--wide{grid-column:auto}.loop-product-group__heading{display:block}.loop-product-group__heading>p{margin-top:11px!important;text-align:left}.loop-active-set{grid-template-columns:110px minmax(0,1fr)}.loop-portal__footer{display:block;text-align:center}.loop-portal__footer-links{justify-content:center;margin-top:14px}}@media(max-width:500px){.loop-product-grid,.loop-product-grid--upsell,.loop-product-grid--addons{grid-template-columns:1fr}.loop-product-card{width:min(100%,360px);margin-inline:auto}.loop-milestones{grid-template-columns:1fr}.loop-milestone{padding:12px;background:#ffffff94;border-radius:14px}.loop-active-set{grid-template-columns:1fr;text-align:center}.loop-active-set>img,.loop-active-set>.loop-product-placeholder{width:min(180px,100%);margin-inline:auto}.loop-form{grid-template-columns:1fr}.loop-form__field--wide,.loop-form__actions{grid-column:auto}.loop-swap-preview{grid-template-columns:82px minmax(0,1fr)}.loop-swap-preview img{width:82px}}@media(prefers-reduced-motion:reduce){.loop-portal *,.loop-portal *:before,.loop-portal *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/loop-customer-portal.css.map */