.concerns__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.concern-detail{margin-top:32px;padding:24px;border-radius:var(--r-card);min-height:196px;display:grid;gap:10px;align-content:start}.concern-detail__top{display:flex;align-items:center;gap:14px}.concern-detail__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.concern-detail h3{font-size:22px;font-weight:600}.concern-detail p{color:var(--mist);font-size:15px}.concern-detail .mini-products{display:flex;gap:8px;margin-top:6px}.concern-detail .mini-products a{display:block;width:44px;padding:4px;border-radius:10px;background:var(--glass);border:1px solid var(--line);transition:border-color var(--fast)}.concern-detail .mini-products a:hover{border-color:var(--accent)}.concern-detail__link{justify-self:start;margin-top:6px;color:var(--accent);font-weight:600;font-size:15px}.concern-detail__link:hover{text-decoration:underline;text-underline-offset:4px}.orbit{--size: 580px;container-type:inline-size;position:relative;width:var(--size);max-width:100%;aspect-ratio:1;margin-inline:auto;justify-self:center}.orbit__rings{position:absolute;top:0;right:0;bottom:0;left:0}.orbit__rings:before,.orbit__rings:after{content:"";position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--accent) 22%,transparent)}.orbit__rings:before{top:2%;right:2%;bottom:2%;left:2%}.orbit__rings:after{top:28%;right:28%;bottom:28%;left:28%}.orbit__core{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(61,255,162,.22),rgba(31,200,193,.06) 55%,transparent 70%)}.orbit__core>span{width:46%;color:var(--neon);filter:drop-shadow(0 0 18px rgba(61,255,162,.7));animation:breathe 5s ease-in-out infinite}:root[data-theme=light] .orbit__core>span{color:var(--accent);filter:none}@keyframes breathe{50%{transform:scale(1.06)}}.orbit__ring{position:absolute;top:0;right:0;bottom:0;left:0;animation:spin 60s linear infinite}.orbit__ring--inner{animation-direction:reverse;animation-duration:48s}.orbit__slot{position:absolute;left:50%;top:50%;transform:rotate(var(--a)) translate(var(--r)) rotate(calc(-1 * var(--a)))}.orbit__chip{display:inline-flex;align-items:center;gap:8px;translate:-50% -50%;white-space:nowrap;padding:7px 13px 7px 9px;border-radius:var(--r-pill);font-size:13.5px;font-weight:500;background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:spin 60s linear infinite reverse;transition:border-color var(--base) var(--ease),box-shadow var(--base) var(--ease),color var(--base) var(--ease),background var(--base)}.orbit__ring--inner .orbit__chip{animation-direction:normal;animation-duration:48s}.orbit__chip .ico{width:18px;height:18px;color:var(--mist);transition:color var(--base)}.orbit__chip:hover,.orbit__chip:focus-visible,.orbit__chip.is-active{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow);background:color-mix(in srgb,var(--bg) 85%,transparent)}.orbit__chip:hover .ico,.orbit__chip.is-active .ico{color:var(--accent)}.orbit:hover .orbit__ring,.orbit:hover .orbit__chip,.orbit:focus-within .orbit__ring,.orbit:focus-within .orbit__chip{animation-play-state:paused}@keyframes spin{to{rotate:360deg}}.concern-chips{display:none}.concern-detail .mini-products img{width:100%;height:44px}.concern-detail h3{color:var(--text)}.concern-chips .chip .ico{width:16px;height:16px}@media(max-width:1100px){.orbit{--size: 480px}.orbit__chip{font-size:12.5px;padding:6px 11px 6px 8px}}@media(max-width:900px){.concerns__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.orbit{display:none}.concern-chips{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:none}.concern-chips .chip{flex:none;height:44px;font-size:12px;scroll-snap-align:start}.concern-detail{margin-top:24px;min-height:0}}@media(prefers-reduced-motion:reduce){.orbit__core>span{animation:none}.orbit__ring,.orbit__chip{animation:none}}.photos-plate .concern-detail .mini-products img{border-radius:8px}.concerns{overflow:hidden}@media(max-width:767px){.concern-chips{scroll-padding-inline:var(--gutter)}}.orbit__ring,.orbit__slot,.orbit__core,.orbit__rings{pointer-events:none}.orbit__chip{pointer-events:auto}.orbit.is-held .orbit__ring,.orbit.is-held .orbit__chip{animation-play-state:paused}@media(max-width:767px){.concern-chips{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;overflow:visible;margin-inline:0;padding-inline:0}.concern-chips .chip{width:100%;height:auto;min-height:48px;justify-content:flex-start;padding:8px 12px;gap:8px;font:500 14px/1.2 var(--f-body);text-transform:none;letter-spacing:0;color:var(--text);border-color:var(--line);background:var(--glass);white-space:normal}.concern-chips .chip .ico{color:var(--accent);flex:none;width:18px;height:18px}.concern-chips .chip:active,.concern-chips .chip.is-active{border-color:var(--accent);color:var(--accent)}.concern-chips .chip.is-active{box-shadow:var(--glow)}.concerns .concern-detail{margin:20px 0 16px;padding:18px;gap:8px}.concerns .concern-detail h3{font-size:19px}.concerns .concern-detail p{font-size:14px}}@media(hover:none),(max-width:899px){.orbit__chip{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--bg) 88%,var(--surface))}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-concern-orbit.css.map */