.home-screen-mockup-container.home-screen{background-color:#2f2f2f;width:100%;display:grid;grid-template:"h" max-content "b" 8fr "f" max-content /1fr;background-size:cover;background-position:center center;background-repeat:no-repeat;gap:2rem;position:relative}.home-screen-mockup-container.home-screen::-webkit-scrollbar{display:none}.iphone-x .home-screen-mockup-container.home-screen{height:812px}.note8 .home-screen-mockup-container.home-screen{height:822px}.iphone8 .home-screen-mockup-container.home-screen{height:667px}.iphone8plus .home-screen-mockup-container.home-screen{height:736px}.iphone5s .home-screen-mockup-container.home-screen,.iphone5c .home-screen-mockup-container.home-screen{height:568px}.ipad .home-screen-mockup-container.home-screen{height:768px}.home-screen-mockup-container .home-screen__header{grid-area:h;display:flex;justify-content:space-between;padding:.5rem 1rem 0 1.5rem;color:#fff;position:absolute;width:100%;z-index:3}.home-screen-mockup-container .home-screen__body-android{grid-area:b;display:grid;grid-template-columns:repeat(auto-fit,3.5rem);justify-content:space-evenly;align-items:center;padding:1rem;margin-top:auto;gap:1rem}.home-screen-mockup-container .home-screen__body-ios{grid-area:b;display:grid;grid-template-columns:repeat(auto-fit,4rem);height:max-content;justify-content:space-evenly;padding:1rem;gap:.5rem}.home-screen-mockup-container .home-screen__body-android a,.home-screen-mockup-container .home-screen__body-ios a:not(.widget-ios){text-align:center}.home-screen-mockup-container .home-screen__body-android a::after,.home-screen-mockup-container .home-screen__body-ios a:not(.widget-ios)::after{content:attr(data-name);font-family:sans-serif;font-weight:700;font-size:11px;color:#fff}.home-screen-mockup-container .home-screen__footer{grid-area:f}.home-screen-mockup-container .home-screen__footer .nav-android{display:flex;justify-content:space-evenly;align-items:center;gap:1rem;padding:1rem 1rem 0 1rem}.home-screen-mockup-container .home-screen__footer .nav-ios{display:flex;justify-content:space-evenly;align-items:center;background-color:rgb(255 255 255 / .3);backdrop-filter:blur(5px);width:92%;margin:0 auto .75rem auto;padding:.75rem 0;border-radius:1.5rem}.home-screen-mockup-container .app-android,.home-screen-mockup-container .app-dialog,.home-screen-mockup-container .app-if-dialog{background-color:rgb(255 255 255 / .1);backdrop-filter:blur(3px);width:3.5rem;height:3.5rem;border-radius:20%;box-shadow:0 1px 2px 0 rgb(60 64 67 / .3),0 1px 3px 1px rgb(60 64 67 / .15);overflow:hidden;position:relative;cursor:pointer}.home-screen-mockup-container .app-ios,.home-screen-mockup-container .app-dialog,.home-screen-mockup-container .app-if-dialog{margin:auto;background-color:rgb(255 255 255 / .1);backdrop-filter:blur(3px);width:3.5rem;height:3.5rem;border-radius:20%;box-shadow:0 1px 2px 0 rgb(60 64 67 / .3),0 1px 3px 1px rgb(60 64 67 / .15);overflow:hidden;position:relative;cursor:pointer}.home-screen-mockup-container img,.home-screen-mockup-container .home-screen__header *,.home-screen-mockup-container .widget-android *,.home-screen-mockup-container a.widget-ios *{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home-screen-mockup-container .app-android img,.home-screen-mockup-container .app-ios img,.home-screen-mockup-container .app-dialog img,.home-screen-mockup-container .app-if-dialog img{width:100%;height:100%;object-fit:cover;position:relative}.home-screen-mockup-container .app-android:hover,.home-screen-mockup-container .app-ios:hover,.home-screen-mockup-container .app-dialog:hover,.home-screen-mockup-container .app-if-dialog:hover{filter:brightness(95%)}.home-screen-mockup-container .home-screen__footer .app-android{width:3rem;height:3rem}.home-screen-mockup-container .widget-android{display:flex;justify-content:center;flex-direction:column;border-radius:.5rem;position:absolute;top:15dvh;left:1.5rem;color:#fff}.home-screen-mockup-container a.widget-ios{width:100%;height:100%;grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;overflow:hidden}.home-screen-mockup-container a.widget-ios .widget-content{color:#2f2f2f;display:flex;flex-direction:column;background-color:#fff;height:100%;box-shadow:0 1px 2px 0 rgb(60 64 67 / .3),0 1px 3px 1px rgb(60 64 67 / .15);border-radius:1.4rem;padding:11px 1rem;gap:.5rem}.home-screen-mockup-container a.widget-ios .widget-content .calendar-date{display:flex;flex-direction:column}.home-screen-mockup-container a.widget-ios .widget-content .calendar-date .day{color:#e74b4b;font-size:13px;line-height:13px;font-weight:700}.home-screen-mockup-container a.widget-ios .widget-content .calendar-date .date{font-size:1.5rem;line-height:24px}.home-screen-mockup-container a.widget-ios .widget-title{height:max-content;background-color:#fff0;text-align:center;font-weight:700;color:#fff;font-size:11px;padding:.3rem 0 .5rem 0}.home-screen-mockup-container a.widget-ios .widget-content .meeting-1,.home-screen-mockup-container a.widget-ios .widget-content .meeting-2{display:flex;flex-direction:column;padding:0 0 0 .5rem;position:relative}.home-screen-mockup-container a.widget-ios .widget-content .meeting-1::before{content:"";position:absolute;width:.25rem;background-color:#00a6ff;height:100%;border-radius:max(100dvw, 100dvh);left:0}.home-screen-mockup-container a.widget-ios .widget-content .meeting-2::before{content:"";position:absolute;width:.25rem;background-color:#ce54ce;height:100%;border-radius:max(100dvw, 100dvh);left:0}.home-screen-mockup-container a.widget-ios .widget-content .meeting-1 .title,.home-screen-mockup-container a.widget-ios .widget-content .meeting-2 .title{font-size:12px;font-weight:700;line-height:15px}.home-screen-mockup-container .widget-width a.meeting .time{color:#333}.home-screen-mockup-container a.widget-ios .widget-content .meeting-1 .time,.home-screen-mockup-container a.widget-ios .widget-content .meeting-2 .time{font-size:11px;color:#676767;line-height:15px}.home-screen-mockup-container .widget-android .current-day-name,.home-screen-mockup-container .widget-android .current-day-date{display:none}.home-screen-mockup-container .widget-android .current-time{font-size:3rem}.home-screen-mockup-container .widget-android a.meeting{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:1rem;color:#fff}.home-screen-mockup-container .home-screen__body-android .dialog,.home-screen-mockup-container .home-screen__body-ios .dialog{width:100%;height:100%;background-color:#fff;position:absolute;inset:0;margin:auto;z-index:4;display:flex;flex-direction:column}.home-screen-mockup-container .home-screen__body-android .dialog .dialog-iframe,.home-screen-mockup-container .home-screen__body-ios .dialog .dialog-iframe{width:100%;height:100%}.home-screen-mockup-container .home-screen__body-android .dialog.--closed,.home-screen-mockup-container .home-screen__body-ios .dialog.--closed{display:none}.home-screen-mockup-container .controls-android{display:flex;justify-content:space-around;align-items:center;height:3rem;width:100%;background-color:#333;align-self:end;color:#fff;font-size:1rem;margin-top:auto}.home-screen-mockup-container .controls-android i{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center}.home-screen-mockup-container .widget-android .time-weather i{color:#ff0}.home-screen-mockup-container .controls-ios{display:flex;justify-content:space-around;align-items:center;height:3rem;width:100%;background-color:#fff;align-self:end;color:#fff;margin-top:auto}.home-screen-mockup-container .controls-ios div{height:100%;width:50%;display:flex;align-items:center}.home-screen-mockup-container .controls-ios div span{height:.3rem;width:100%;border-radius:max(100dvw, 100dvh);background-color:#555;display:block}.home-screen-mockup-container .--in-app{color:#000}.home-screen-mockup-container .home-screen__footer .controls-android{background-color:#fff0}