body:not(.aem-edit-mode) .esim__devices-list,body:not(.aem-edit-mode) .esim__devices-list .cmp-container{display:none}
body:not(.aem-edit-mode) .esim{display:flex;justify-content:center}
body.aem-edit-mode .esim .esim__wrapper{width:auto}
.esim .esim__wrapper{width:100%;padding:40px 20px;border:solid 3px #2a2b31}
@media(min-width:768px){.esim .esim__wrapper{padding:80px 104px 40px}
}
@media(min-width:1024px){.esim .esim__wrapper{width:816px}
}
.esim .esim__lead{font-family:"ArchivoBlack-Regular","Open Sans",Helvetica,Arial,sans-serif;font-size:1.875rem;line-height:125%;margin-bottom:var(--spacing-3XS)}
@media(min-width:768px){.esim .esim__lead{font-size:3rem;line-height:125%}
}
.esim .esim__title{font-family:"BaksoSapi","Open Sans",Helvetica,Arial,sans-serif;font-size:1.25rem;line-height:125%;margin-bottom:var(--spacing-3XS)}
@media(min-width:768px){.esim .esim__title{font-size:1.875rem;line-height:125%}
}
.esim .esim__subtitle{font-family:"IBMPlexMono-Medium","Open Sans",Helvetica,Arial,sans-serif;font-size:.75rem;line-height:125%;margin-bottom:var(--spacing-XS)}
@media(min-width:768px){.esim .esim__subtitle{font-size:.875rem;line-height:125%;margin-bottom:var(--spacing-S)}
}
.esim .esim__images--container{margin-bottom:var(--spacing-2XS)}
@media(min-width:768px){.esim .esim__images--container{margin-bottom:var(--spacing-S)}
}
.esim .esim__images--wrapper{width:100px;aspect-ratio:1;padding:16px 0;background-color:#fff;border:solid 4px #2a2b31;position:relative}
@media(min-width:768px){.esim .esim__images--wrapper{width:200px}
}
.esim .esim__images--wrapper img{position:absolute;inset:0;margin:auto;height:60%;opacity:1}
@media(min-width:768px){.esim .esim__images--wrapper img{height:50%}
}
.esim .esim__images--wrapper img.hover{opacity:0}
.esim .esim__images--wrapper:last-child{margin-left:var(--spacing-3XS)}
@media(min-width:768px){.esim .esim__images--wrapper:last-child{margin-left:var(--spacing-2XS)}
}
.esim .esim__images--wrapper.apple.selected,.esim .esim__images--wrapper.apple:hover{background-color:#c773db}
.esim .esim__images--wrapper.android.selected,.esim .esim__images--wrapper.android:hover{background-color:#d1ff1a}
.esim .esim__images--wrapper.selected,.esim .esim__images--wrapper:hover{cursor:pointer}
.esim .esim__images--wrapper.selected img,.esim .esim__images--wrapper:hover img{height:60%;width:auto;opacity:0}
@media(min-width:768px){.esim .esim__images--wrapper.selected img,.esim .esim__images--wrapper:hover img{height:50%}
}
.esim .esim__images--wrapper.selected img.hover,.esim .esim__images--wrapper:hover img.hover{opacity:1}
.esim .esim__devices-list--container{width:100%}
@media(min-width:768px){.esim .esim__devices-list--container{width:unset}
}
.esim .esim__devices-list--title{font-size:.75rem;line-height:125%;margin-bottom:var(--spacing-4XS)}
.esim .esim__devices-list{width:100%;font-family:"IBMPlexMono-Regular","Open Sans",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:125%}
.esim .esim__response--no-esim .response__wrapper,.esim .esim__response--has-esim .response__wrapper{max-width:100%}
@media(min-width:768px){.esim .esim__response--no-esim .response__wrapper,.esim .esim__response--has-esim .response__wrapper{max-width:800px}
}
.esim .esim__response--no-esim .response__icon--wrapper,.esim .esim__response--has-esim .response__icon--wrapper{max-height:150px;width:auto;margin-bottom:var(--spacing-XS)}
.esim .esim__response--no-esim .response__icon--wrapper img,.esim .esim__response--has-esim .response__icon--wrapper img{height:100%}
.esim .esim__response--no-esim .response__title,.esim .esim__response--has-esim .response__title{font-family:"IBMPlexMono-Bold","Open Sans",Helvetica,Arial,sans-serif;font-size:1.875rem;line-height:125%;margin-bottom:var(--spacing-2XS);white-space:pre-wrap}
@media(min-width:768px){.esim .esim__response--no-esim .response__title,.esim .esim__response--has-esim .response__title{font-size:2.25rem;line-height:125%}
}
.esim .esim__response--no-esim .response__title.all-caps,.esim .esim__response--has-esim .response__title.all-caps{text-transform:uppercase}
.esim .esim__response--no-esim .response__subtitle,.esim .esim__response--has-esim .response__subtitle{font-family:"IBMPlexMono-Medium","Open Sans",Helvetica,Arial,sans-serif;font-size:1rem;line-height:125%;margin-bottom:var(--spacing-XS);white-space:pre-wrap}
.esim .esim__response--no-esim .response__subtitle.all-caps,.esim .esim__response--has-esim .response__subtitle.all-caps{text-transform:uppercase}
.esim .esim__response--no-esim .response__button a.custom__button,.esim .esim__response--has-esim .response__button a.custom__button{font-family:"IBMPlexMono-Bold","Open Sans",Helvetica,Arial,sans-serif;border:solid 3px #2a2b31;padding:11px 54px;line-height:18px}
@media(min-width:768px){.esim .esim__response--no-esim .response__button a.custom__button,.esim .esim__response--has-esim .response__button a.custom__button{padding:11px 24px}
}
.esim .esim__response--no-esim .response__button a.custom__button:hover,.esim .esim__response--has-esim .response__button a.custom__button:hover{text-decoration:none}
.esim .esim__devices-list{position:relative;width:100%}
.esim .esim__devices-list select,.esim .esim__devices-list label{display:none}
.esim .selected-item{display:flex;align-items:center;position:relative;width:100%;height:48px;font-family:"IBMPlexMono-Regular","Open Sans",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:125%;color:#2a2b31;white-space:nowrap;padding-left:16px;border:solid 3px #2a2b31;z-index:9;cursor:pointer}
@media(min-width:768px){.esim .selected-item{min-width:416px}
}
.esim .selected-item.margin-after-selection{margin-bottom:var(--spacing-S)}
.esim .selected-item:after{position:absolute;content:"";inset:0;width:10px;height:6px;margin:auto 20px auto auto;background:url("../../../../clientlibs/clientlib-site/resources/images/svg-sprite-icons.svg#svg-arrow-3-view") no-repeat;transition:.2s ease}
.esim .selected-item.icon-flip:after{transform:rotate(180deg)}
.esim .item{position:relative;cursor:pointer;color:#c773db;font-family:"IBMPlexMono-Medium","Open Sans",Helvetica,Arial,sans-serif;line-height:22px;background:#fff;padding:var(--spacing-3XS) var(--spacing-2XS)}
.esim .item:hover{background:rgba(199,115,219,0.1)}
.esim .all-items{top:100%;left:0;width:100%;z-index:9;border:solid 3px #2a2b31}