.SwitchesVsPanels-module__24Gpeq__switches-vs-panels{--gap:4rem;gap:var(--gap);display:flex}.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__group{width:calc(50% - (var(--gap)/2))}.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__text{height:21rem}.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__pill{width:70%;min-width:27rem;height:6rem;margin:auto}.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__pill:not(:last-child){margin-bottom:4rem}.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__pill-icon--green,.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__pill-icon--red{background-color:var(--color-error--2)}.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__pill-icon--green{background-color:var(--color-green)}@media only screen and (max-width:1050px){.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__text{height:24rem}}@media only screen and (max-width:850px){.SwitchesVsPanels-module__24Gpeq__switches-vs-panels{--gap:2.5rem}.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__text{height:26rem}}@media only screen and (max-width:720px){.SwitchesVsPanels-module__24Gpeq__switches-vs-panels{--gap:8rem;flex-direction:column}.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__group{width:100%}.SwitchesVsPanels-module__24Gpeq__switches-vs-panels__text{height:auto;margin-bottom:4rem}}
.PanelsPersonalization-module__ZAvUIG__personalization__container{background-color:var(--color-gray--light);width:100%}.PanelsPersonalization-module__ZAvUIG__personalization__inner-container{align-items:center;gap:var(--section-gap--sm);padding-top:var(--section-gap--sm);padding-bottom:var(--section-gap);flex-direction:column;display:flex}.PanelsPersonalization-module__ZAvUIG__personalization__header{justify-content:center;align-items:center;display:flex}.PanelsPersonalization-module__ZAvUIG__personalization__header-icon{width:3rem;height:3rem;color:var(--color-ampio);margin-right:.5rem}.PanelsPersonalization-module__ZAvUIG__personalization__wrapper{text-align:center;grid-template:".colors.""edges panel frames"1fr/1fr auto 1fr;gap:6rem 10rem;max-width:140rem;margin:0 auto;display:grid}.PanelsPersonalization-module__ZAvUIG__personalization__panel{z-index:2;grid-area:panel;justify-self:center;box-sizing:border-box!important}.PanelsPersonalization-module__ZAvUIG__personalization__panel--p{padding:1.25rem}.PanelsPersonalization-module__ZAvUIG__personalization__panel--no-p{padding:0}.PanelsPersonalization-module__ZAvUIG__personalization__item{padding-bottom:2.6rem;position:relative}.PanelsPersonalization-module__ZAvUIG__personalization__item:after{content:"";background-color:var(--color-ampio-dark);height:2px;position:absolute;bottom:0;left:-3rem;right:-3rem}.PanelsPersonalization-module__ZAvUIG__personalization__item--colors{grid-area:colors}.PanelsPersonalization-module__ZAvUIG__personalization__item--edges{grid-area:edges;align-self:center}.PanelsPersonalization-module__ZAvUIG__personalization__item--frames{grid-area:frames;align-self:center}.PanelsPersonalization-module__ZAvUIG__personalization__label{text-transform:uppercase;padding-bottom:2rem;font-size:1.6rem;font-weight:700}.PanelsPersonalization-module__ZAvUIG__personalization__swatches{grid-template-columns:repeat(11,1fr);gap:1.6rem;display:grid}.PanelsPersonalization-module__ZAvUIG__personalization__swatch{cursor:pointer;border:1px solid #ccc;border-radius:50%;width:2.6rem;height:2.6rem;transition:transform .2s}.PanelsPersonalization-module__ZAvUIG__personalization__swatch--active{border:2px solid var(--color-ampio)}@media (hover:hover) and (pointer:fine){.PanelsPersonalization-module__ZAvUIG__personalization__swatch:hover{will-change:transform;transform:scale(1.1)}}.PanelsPersonalization-module__ZAvUIG__personalization__swatch:active,.PanelsPersonalization-module__ZAvUIG__personalization__swatch:focus-visible{transform:scale(1.1)}.PanelsPersonalization-module__ZAvUIG__personalization__buttons{justify-content:center;gap:3rem;margin-top:1rem;display:flex}.PanelsPersonalization-module__ZAvUIG__personalization__button{cursor:pointer;fill:green;width:6rem;height:6rem;transition:transform .2s}.PanelsPersonalization-module__ZAvUIG__personalization__item--frames .PanelsPersonalization-module__ZAvUIG__personalization__button{width:8rem}@media (hover:hover) and (pointer:fine){.PanelsPersonalization-module__ZAvUIG__personalization__button:hover{will-change:transform;transform:scale(1.1)}}.PanelsPersonalization-module__ZAvUIG__personalization__button:active,.PanelsPersonalization-module__ZAvUIG__personalization__button:focus-visible{transform:scale(1.1)}.PanelsPersonalization-module__ZAvUIG__personalization__button svg{width:100%;height:100%;stroke:var(--color-ampio)!important}.PanelsPersonalization-module__ZAvUIG__personalization__button--non-active svg rect,.PanelsPersonalization-module__ZAvUIG__personalization__button--non-active svg path{stroke:#aaa!important}@media only screen and (max-width:1400px){.PanelsPersonalization-module__ZAvUIG__personalization__wrapper{gap:6rem 1rem}}@media only screen and (max-width:1200px){.PanelsPersonalization-module__ZAvUIG__personalization__wrapper{grid-template-columns:45rem;grid-template-areas:"panel""colors""edges""frames";justify-content:center;gap:1rem}.PanelsPersonalization-module__ZAvUIG__personalization__item,.PanelsPersonalization-module__ZAvUIG__personalization__item--edges,.PanelsPersonalization-module__ZAvUIG__personalization__item--frames{text-align:center;align-self:center;margin-top:1rem;padding-left:0;padding-right:0}.PanelsPersonalization-module__ZAvUIG__personalization__item--colors .PanelsPersonalization-module__ZAvUIG__personalization__label{margin-bottom:1rem}}@media only screen and (max-width:585px){.PanelsPersonalization-module__ZAvUIG__personalization__wrapper{width:100%;max-width:100%;margin:0}.PanelsPersonalization-module__ZAvUIG__personalization__item{width:calc(100% - 4*var(--p-sides));padding-left:var(--p-sides);padding-right:var(--p-sides);box-sizing:border-box;margin-left:auto;margin-right:auto;padding-bottom:1.6rem;left:auto;right:auto;overflow-x:hidden}.PanelsPersonalization-module__ZAvUIG__personalization__item:after{left:var(--p-sides)!important;right:var(--p-sides)!important}.PanelsPersonalization-module__ZAvUIG__personalization__panel--p{padding:.75rem}.PanelsPersonalization-module__ZAvUIG__personalization__swatches{grid-template-columns:repeat(7,1fr)}.PanelsPersonalization-module__ZAvUIG__personalization__buttons{justify-content:space-between}.PanelsPersonalization-module__ZAvUIG__personalization__button{width:4rem;height:4rem}.PanelsPersonalization-module__ZAvUIG__personalization__label{padding-bottom:0}}@media only screen and (max-width:360px){.PanelsPersonalization-module__ZAvUIG__personalization__item{max-width:calc(100% - 4*var(--p-sides) - 5px)}}