.mixin-modal-overlay{position:fixed;inset:0;z-index:120;display:none;justify-content:center;align-items:center;background-color:rgba(69,69,69,0.8)}
.mixin-modal-shape{position:relative;display:flex;justify-content:center;height:41px;padding-top:28px}
.mixin-modal-shape::after{position:absolute;content:"";width:134px;height:5px;border-radius:100px;background-color:#ddd}
@media(min-width:1024px){.mixin-modal-shape{display:none}
}
.modal__add-calendar-component{position:fixed;inset:0;z-index:120;display:none;justify-content:center;align-items:center;background-color:rgba(69,69,69,0.8)}
.modal__add-calendar-component.modal__add-calendar-component--show{display:flex}
.modal__add-calendar-component .add-calendar__container{position:relative;width:100%;max-width:822px;margin-inline:16px;padding:24px 16px 16px;border-radius:8px;background-color:#fff;box-shadow:0 8px 26px 0 rgba(0,0,0,0.08)}
@media(min-width:1024px){.modal__add-calendar-component .add-calendar__container{padding:32px}
}
.modal__add-calendar-component .add-calendar__container .add-calendar__title{max-width:calc(100% - 48px);margin-bottom:24px}
@media(min-width:1024px){.modal__add-calendar-component .add-calendar__container .add-calendar__title{margin-bottom:32px}
}
.modal__add-calendar-component .add-calendar__container .add-calendar__list{display:flex;flex-direction:column;gap:16px;list-style:none;padding-left:0;margin-bottom:0}
@media(min-width:1024px){.modal__add-calendar-component .add-calendar__container .add-calendar__list{flex-direction:row;justify-content:center}
}
@media(min-width:1024px){.modal__add-calendar-component .add-calendar__container .add-calendar__list .add-calendar__list__item .rp-btn-guia{gap:16px}
}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-rp{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:20px}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-rp::before{font-size:20px}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-rp img{width:100%;height:100%}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-rp.icon-rp-Cross{position:absolute;top:24px;right:16px;color:#016a7f;cursor:pointer}
@media(min-width:1024px){.modal__add-calendar-component .add-calendar__container .icon-rp.icon-rp.icon-rp-Cross{top:32px;right:32px}
}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-Google,.modal__add-calendar-component .add-calendar__container .icon-rp.icon-Outlook{position:relative}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-Google::before,.modal__add-calendar-component .add-calendar__container .icon-rp.icon-Outlook::before{position:absolute;width:24px;height:24px}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-Google:before{content:url("../../../../../../content/dam/repsol-guia/guia-images/iconos/icon-rp-Google.svg")}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-Outlook:before{content:url("../../../../../../content/dam/repsol-guia/guia-images/iconos/icon-rp-Outlook.svg")}