.whp_components--modal-header{height:80px;border-radius:8px 8px 0 0;padding:0 2rem;.whp_components--modal-header-title{.whp_components--modal-header-title-h3{font-size:1.5rem}}.whp_components--modal-header-close-button{margin-bottom:0;border:0;min-width:24px;min-height:24px;height:32px;svg{width:auto;height:auto}&:focus,&:hover{background-color:transparent;border:0}}&.primary{background-color:var(--brand-color-01);&.primary,.whp_components--modal-header-close-button svg{}.whp_components--modal-header-close-button svg{}}&.secondary{color:var(--brand-color-01);&.secondary,.whp_components--modal-header-close-button{}.whp_components--modal-header-close-button{}.whp_components--modal-header-close-button svg{color:var(--brand-color-01)}}}.whp_components--modal-footer{min-height:68px}.whp_components--modal-body{background-color:var(--neutral-color-01);border-radius:8px;.whp_components--modal-content{background-color:var(--neutral-color-01);border-radius:8px;max-height:70vh;max-width:90vw;scrollbar-width:thin;scrollbar-color:var(--brand-color-01) var(--neutral-color-02);@media (max-width:768px){max-width:100vw}&::-webkit-scrollbar{height:6px;width:6px}&::-webkit-scrollbar-track{border-radius:50px;background-color:var(--neutral-color-02);border:10px solid var(--neutral-color-01)}&::-webkit-scrollbar-track:active,&::-webkit-scrollbar-track:hover{background-color:var(--neutral-color-02)}&::-webkit-scrollbar-thumb{border-radius:50px;background-color:--brand-color-01}&::-webkit-scrollbar-thumb:active,&::-webkit-scrollbar-thumb:hover{background-color:var(--brand-color-01)}}}.whp_components--modal-overlay{visibility:hidden;display:none;z-index:100;&.is--active{visibility:visible;display:flex;@media (max-width:768px){align-items:flex-start}}&.bg-ratio{background-color:color-mix(in srgb,var(--neutral-color-08) 60%,transparent 40%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}