.halo-cores{box-sizing:border-box;width:100%;max-width:100%;max-height:90vh;max-height:90svh;margin:auto 0 0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:18px 18px 0 0;background:#fff;color:#1d1d1f;font-family:Open Sans,sans-serif}.halo-cores[open]{display:block;animation:halo-cores-sobe .32s cubic-bezier(.2,.8,.2,1)}.halo-cores::backdrop{background:#00000073}@keyframes halo-cores-sobe{0%{opacity:0;transform:translateY(24px)}}.halo-cores__topo{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 12px 12px 20px;background:#fff}.halo-cores__titulo{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:#1d1d1f}.halo-cores__preco{margin:2px 0 0;font-size:14px;font-weight:600;line-height:1.4}.halo-cores__preco span,.halo-cores__preco s,.halo-cores__soma s{font-weight:400;color:#0009}.halo-cores__promo{margin:2px 0 0;font-size:12.5px;line-height:1.4;color:#0009}.halo-cores__fechar{display:grid;flex-shrink:0;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;background:#f5f5f7;color:#1d1d1f;cursor:pointer;transition:background-color .2s ease}.halo-cores__fechar svg{width:16px;height:16px}.halo-cores__fechar:hover{background:#ebebef}.halo-cores__fechar:focus-visible{outline:2px solid #0071e3;outline-offset:2px}.halo-cores__galeria{position:relative;margin:0 16px;overflow:hidden;border-radius:18px;background:var(--hcr-foto-bg, #fff)}.halo-cores__fotos[hidden]{display:none}.halo-cores__trilho{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.halo-cores__trilho::-webkit-scrollbar{display:none}.halo-cores__trilho:focus-visible{outline:2px solid #0071e3;outline-offset:-2px}.halo-cores__foto{flex:0 0 100%;height:min(calc(100vw - 32px),38vh);height:min(calc(100vw - 32px),38svh);margin:0;scroll-snap-align:start}.halo-cores__img{display:block;width:100%;height:100%;object-fit:contain}.halo-cores__nav{position:absolute;right:12px;bottom:12px;z-index:1;display:inline-flex;align-items:center;height:32px;padding:0 2px;border-radius:999px;background:#54545440;color:#fff;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4)}.halo-cores__nav[hidden]{display:none}.halo-cores__nav-btn{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease}.halo-cores__nav-btn:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.halo-cores__nav-btn svg{display:block;width:16px;height:16px}.halo-cores__pausa svg{width:13px;height:13px}.halo-cores__pausa .halo-cores__icone-play,.halo-cores__pausa[data-state=paused] .halo-cores__icone-pausa{display:none}.halo-cores__pausa[data-state=paused] .halo-cores__icone-play{display:block}.halo-cores__pausa[hidden]{display:none}.halo-cores__nav-btn:focus-visible{outline:2px solid #0071e3;outline-offset:2px}@media(hover:hover){.halo-cores__nav-btn:hover{background:#ffffff24}}.halo-cores__dots{display:flex;align-items:center;padding:0 3px}.halo-cores__dot{display:grid;place-items:center;flex:none;width:10px;height:24px;cursor:pointer}.halo-cores__dot.is-ativo{width:28px}.halo-cores__dot-barra{display:block;width:6px;height:6px;overflow:hidden;border-radius:3px;background:#ffffff80}.halo-cores__dot.is-ativo .halo-cores__dot-barra{width:22px;background:#ffffff59}.halo-cores__dot-enche{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}.halo-cores__dot.is-ativo .halo-cores__dot-enche{transform:none}.halo-cores.is-rodando .halo-cores__dot.is-ativo .halo-cores__dot-enche{animation:halo-cores-enche var(--hcr-intervalo, 5s) linear forwards}.halo-cores.is-rodando[data-pausado] .halo-cores__dot.is-ativo .halo-cores__dot-enche{animation-play-state:paused}@keyframes halo-cores-enche{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.halo-cores__lista-area{padding:16px 20px 8px}.halo-cores__instrucao{margin:0 0 4px;font-size:13px;line-height:1.5;color:#0009}.halo-cores__lista{margin:0;padding:0;list-style:none}.halo-cores__linha{display:flex;align-items:center;gap:12px;min-height:60px;border-bottom:1px solid rgba(0,0,0,.08)}.halo-cores__linha:last-child{border-bottom:0}.halo-cores__ver{display:flex;flex:1;align-items:center;gap:12px;min-width:0;min-height:48px;margin:0;padding:6px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.halo-cores__ver:focus-visible{outline:2px solid #0071e3;outline-offset:2px;border-radius:8px}.halo-cores__bolinha{position:relative;display:block;flex-shrink:0;width:32px;height:32px;overflow:hidden;border-radius:999px;background:#f5f5f7;box-shadow:inset 0 0 0 1px #0000001f;transition:box-shadow .2s ease}.halo-cores__bolinha img{display:block;width:100%;height:100%;object-fit:cover}.halo-cores__ver[aria-pressed=true] .halo-cores__bolinha{box-shadow:inset 0 0 0 1px #0000001f,0 0 0 2px #fff,0 0 0 4px #0071e3}.halo-cores__nome{min-width:0;font-size:15px;line-height:1.35}.halo-cores__linha.is-escolhida .halo-cores__nome{font-weight:600}.halo-cores__esgotado{font-size:12.5px;line-height:1.35;color:#0009}.halo-cores__linha.is-esgotada .halo-cores__bolinha{opacity:.45}.halo-cores__qtd{display:flex;flex-shrink:0;align-items:center;gap:2px;padding:2px;border-radius:999px}.halo-cores__linha.is-escolhida .halo-cores__qtd{background:#f5f5f7}.halo-cores__passo{position:relative;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:1px solid rgba(0,0,0,.14);border-radius:999px;background:#fff;color:#1d1d1f;cursor:pointer;transition:border-color .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.halo-cores__passo:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.halo-cores__passo svg{width:16px;height:16px}.halo-cores__linha:not(.is-escolhida) .halo-cores__passo--mais{border-color:#0071e3;color:#0071e3}.halo-cores__linha.is-escolhida .halo-cores__passo{border-color:transparent}.halo-cores__passo:disabled{opacity:.35;cursor:not-allowed}.halo-cores__linha.is-esgotada .halo-cores__passo--mais{border-color:#00000024;color:#1d1d1f}.halo-cores__passo:focus-visible{outline:2px solid #0071e3;outline-offset:2px}.halo-cores__n{min-width:22px;font-size:15px;font-weight:600;text-align:center}.halo-cores__linha:not(.is-escolhida) .halo-cores__passo--menos,.halo-cores__linha:not(.is-escolhida) .halo-cores__n{display:none}.halo-cores__acoes{position:sticky;bottom:0;z-index:2;display:grid;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(0,0,0,.08);background:#fff}.halo-cores__soma{margin:0;font-size:14px;line-height:1.4;text-align:center;color:#0009}.halo-cores__detalhe{margin:2px 0 0;font-size:12.5px;line-height:1.4;text-align:center;color:#0009}.halo-cores__detalhe[hidden]{display:none}.halo-cores__soma.is-ativa{font-weight:600;color:#1d1d1f}.halo-cores__concluir{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:14px 28px;border:1px solid rgba(0,0,0,.2);border-radius:999px;background:transparent;color:#1d1d1f;font-family:Open Sans,sans-serif;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:.02em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.halo-cores__concluir.is-pronto{border-color:#0071e3;background:#0071e3;color:#fff}.halo-cores__concluir.is-pronto:hover{filter:brightness(1.08)}.halo-cores__concluir:not(.is-pronto):hover{background:#0000000d}.halo-cores__concluir:focus-visible{outline:2px solid #0071e3;outline-offset:3px}@media(min-width:768px){.halo-cores{width:min(920px,calc(100vw - 64px));height:min(640px,90vh);max-height:none;margin:auto;overflow:hidden;border-radius:18px}.halo-cores[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"foto topo" "foto lista" "foto acoes";animation-name:halo-cores-aparece}@keyframes halo-cores-aparece{0%{opacity:0;transform:scale(.98)}}.halo-cores__galeria{grid-area:foto;margin:0;border-radius:0}.halo-cores__nav{right:20px;bottom:20px}.halo-cores__fotos,.halo-cores__trilho,.halo-cores__foto{height:100%}.halo-cores__topo{grid-area:topo;position:static;padding:28px 20px 8px 32px}.halo-cores__titulo{font-size:22px}.halo-cores__lista-area{grid-area:lista;overflow-y:auto;overscroll-behavior:contain;padding:8px 32px}.halo-cores__acoes{grid-area:acoes;position:static;padding:16px 32px 28px}}@media(prefers-reduced-motion:reduce){.halo-cores[open],.halo-cores.is-rodando .halo-cores__dot.is-ativo .halo-cores__dot-enche{animation:none}.halo-cores__fechar,.halo-cores__nav-btn,.halo-cores__bolinha,.halo-cores__passo,.halo-cores__concluir{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/halo-cores.css.map */