.personal-color-cases,.personal-color-cases *{font-family:var(--font-body-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.personal-color-cases{padding:3rem 0 4rem;background:linear-gradient(to bottom,#f5f3ff,#fdf2f8)}@media (min-width: 768px){.personal-color-cases{padding:5rem 0}}.personal-color-cases .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.personal-color-cases .max-w-6xl{max-width:1100px;margin:0 auto}.personal-color-cases h3{font-size:2rem;line-height:1.3;font-weight:700;text-align:center;color:#111827;margin-bottom:2.5rem}@media (min-width: 768px){.personal-color-cases h3{font-size:2.25rem;margin-bottom:4rem}}.personal-color-cases .bg-white{background-color:#fff;border-radius:24px;box-shadow:0 20px 40px #0f172a1f;padding:1.5rem}@media (min-width: 768px){.personal-color-cases .bg-white{padding:3rem}}.personal-color-cases .case-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem}@media (min-width: 768px){.personal-color-cases .case-header{gap:12px}}.personal-color-cases .case-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(to right,#ec4899,#8b5cf6);color:#fff;font-size:1.25rem}@media (min-width: 768px){.personal-color-cases .case-icon{width:48px;height:48px;font-size:1.5rem}}.personal-color-cases .case-text{flex:1;min-width:0}.personal-color-cases .case-label{font-size:1.3rem;font-weight:400;color:#4b5563;margin:0 0 2px;line-height:1.2}@media (min-width: 768px){.personal-color-cases .case-label{font-size:.875rem}}.personal-color-cases .case-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.3}@media (min-width: 768px){.personal-color-cases .case-title{font-size:2.25rem}}.personal-color-cases .case-subtitle{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}@media (min-width: 768px){.personal-color-cases .case-subtitle{font-size:2rem;margin-bottom:2rem}}.personal-color-cases .text-pink-600{color:#db2777}.personal-color-cases .text-purple-600{color:#7c3aed}.personal-color-cases .text-gray-700{color:#374151}.personal-color-cases .points-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.personal-color-cases .points-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}section.personal-color-cases .point-card{display:flex!important;flex-direction:column!important;border-radius:16px;padding:1rem}@media (min-width: 768px){section.personal-color-cases .point-card{padding:1.5rem}}section.personal-color-cases .point-card-pink{background-color:#fdf2f8}section.personal-color-cases .point-card-purple{background-color:#f5f3ff}section.personal-color-cases .point-header{display:flex!important;align-items:center!important;gap:.5rem!important;margin-bottom:.75rem!important}@media (min-width: 768px){section.personal-color-cases .point-header{gap:.75rem!important;margin-bottom:1rem!important}}section.personal-color-cases .point-icon{width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%;color:#fff;font-size:1.125rem!important;margin:0!important;padding:0!important}@media (min-width: 768px){section.personal-color-cases .point-icon{width:48px;height:48px;min-width:48px;min-height:48px;font-size:1.5rem!important}}section.personal-color-cases .point-icon-pink{background-color:#ec4899}section.personal-color-cases .point-icon-purple{background-color:#8b5cf6}section.personal-color-cases .point-header .point-title,section.personal-color-cases .point-header h5.point-title{display:block!important;font-size:1.25rem!important;font-weight:700!important;color:#111827!important;margin:0!important;padding:0!important;line-height:1.4!important;letter-spacing:normal!important;text-transform:none!important;flex:1!important;min-width:0!important}@media (min-width: 768px){section.personal-color-cases .point-header .point-title,section.personal-color-cases .point-header h5.point-title{font-size:2rem!important}}section.personal-color-cases .point-body,section.personal-color-cases p.point-body{display:block!important;font-size:1.2rem!important;font-weight:400!important;color:#374151!important;margin:0!important;padding:0!important;line-height:1.6!important}@media (min-width: 768px){section.personal-color-cases .point-body,section.personal-color-cases p.point-body{font-size:1.4rem!important;line-height:1.7!important}}.personal-color-cases .space-y-8>*+*{margin-top:2rem}@media (min-width: 768px){.personal-color-cases .space-y-10>*+*{margin-top:2.5rem}}.personal-color-cases .cases-wrapper{width:100%;overflow:visible}.personal-color-cases .cases-track{width:100%;display:block}.personal-color-cases .case-slide+.case-slide{margin-top:2rem}@media (max-width: 767px){.personal-color-cases .cases-wrapper{overflow:hidden;width:100%;position:relative}.personal-color-cases .cases-track{display:flex!important;flex-wrap:nowrap!important;transition:transform .3s ease-out;width:100%}.personal-color-cases .case-slide{flex:0 0 100%!important;width:100%!important;max-width:100%;margin-top:0!important}.personal-color-cases .case-slide+.case-slide{margin-left:0!important}}.personal-color-cases .cases-dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem}.personal-color-cases .slider-dot{width:10px;height:10px;border-radius:9999px;background-color:#d1d5db;border:none;cursor:pointer;transition:width .2s ease,background-color .2s ease}.personal-color-cases .slider-dot.is-active{width:28px;background-image:linear-gradient(to right,#ec4899,#8b5cf6)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/personal-color.css.map */