:root{--phone-color-primary: rgb(255, 255, 255);--phone-color-opacity: rgba(242, 242, 242, .4);--phone-color-opacity2: rgb(30, 30, 30, .5);--phone-color-highlight: rgb(250, 250, 250);--phone-color-highlight2: rgb(240, 240, 240);--phone-color-highlight3: rgb(220, 220, 220);--phone-highlight-opacity15: rgba(145, 145, 145, .15);--phone-highlight-opacity35: rgba(145, 145, 145, .35);--phone-highlight-opacity45: rgba(145, 145, 145, .45);--phone-highlight-opacity55: rgba(145, 145, 145, .55);--phone-color-input: rgba(241, 241, 241, .656);--phone-text-primary: rgb(0, 0, 0);--phone-text-secondary: rgb(142, 142, 147);--phone-color-hover: rgb(240, 240, 240);--phone-color-border: rgba(200, 200, 200, .4);--phone-color-grey: #8e8e93;--phone-color-blue: #0a84ff;--phone-color-green: #32d74b;--phone-color-green-secondary: #092911;--phone-color-red: #ff3b30;--phone-color-orange: rgb(255, 157, 10);--phone-color-yellow: #cca250;--phone-color-pink: #ff3b30;--instagram-primary: #ffffff;--instagram-blue: rgb(0, 149, 246);--instagram-red: rgb(237, 73, 86);--instagram-primary-text: rgb(38, 38, 38);--instagram-secondary-text: rgb(142, 142, 142);--instagram-stroke: rgb(219, 219, 219);--instagram-border: rgb(219, 219, 219);--instagram-highlight: rgb(239, 239, 239);--tinder-color-pink: #ff4573;--tinder-color-orange: #ff5f65;--tinder-color-mix: #f5547c;--twitter-primary: #f5f8fa;--twitter-secondary: #14171a;--twitter-background-highlight: rgb(239, 243, 244);--twitter-primary-text: #14171a;--twitter-secondary-text: #657786;--twitter-alt-text: #657786;--twitter-border: #bdc5cd75;--twitter-border-secondary: #1d9bf0;--twitter-highlight: #1d9bf0;--twitter-hover: rgba(15, 20, 25, .1);--twitter-action: #14171a;--twitter-blue: #1d9bf0;--tiktok-primary: #ffffff;--tiktok-secondary: #000000;--tiktok-text-primary: #000000;--tiktok-text-secondary: #86878b;--tiktok-color-border: #d0d1d3;--tiktok-color-pink: #fe2c55;--tiktok-color-aqua: #00f2ea;--tiktok-color-yellow: #f8cd14;--tiktok-color-blue: #479fc5;--tiktok-color-unread: rgba(254, 44, 86, .2);--crypto-color-primary: rgb(255, 255, 255);--browser-primary: rgb(245, 245, 245);--browser-secondary: rgba(153, 153, 153, .15);--browser-gradient: linear-gradient(230deg, #f4d6ff, #c5f1ff);--browser-footer: rgba(255, 255, 255, .75);--browser-border: rgba(102, 102, 102, .75);--browser-text-secondary: #696969;--controlcentre-opacity: rgba(255, 255, 255, .15);--controlcentre-opacity2: rgba(255, 255, 255, .2);--controlcentre-active: rgba(255, 255, 255, .5);--notification-primary: rgba(215, 215, 215, .5);--notification-secondary: rgba(215, 215, 215, .1);--lockscreeneditor-background: rgba(255, 255, 255, .75);--lockscreeneditor-secondary: #d9d9d9;--app-bg: #ececec;--app-bg2: #ffffff;--app-secondary: #ffffff;--app-secondary2: #ececec;--app-highlight: #cccccc;--app-highlight2: #999999;--app-highlight3: #ffffff;--app-border: #666666;--app-slider: #cccccc;--app-slider-active: #333333;--app-button: #ffffff;--components-bg: #eeeeee;--components-secondary: #ffffff;--components-highlight: #cccccc}[data-theme=dark]{--phone-color-primary: #000000;--phone-color-opacity: rgb(30, 30, 30, .5);--phone-color-opacity2: rgba(242, 242, 242, .4);--phone-color-highlight: rgb(15, 15, 15);--phone-color-highlight2: rgb(20, 20, 20);--phone-color-highlight3: rgb(25, 25, 25);--phone-highlight-opacity35: rgba(145, 145, 145, .35);--phone-highlight-opacity45: rgba(50, 50, 50, .6);--phone-highlight-opacity55: rgb(60, 60, 60, .8);--phone-color-input: rgba(60, 60, 67, .6);--phone-text-primary: #f2f2f7;--phone-text-secondary: #6f6f6f;--phone-color-grey: #636366;--phone-color-hover: rgb(30, 30, 30);--phone-color-border: rgba(150, 150, 150, .2);--phone-color-blue: #076bcf;--instagram-primary: #000000;--instagram-blue: rgb(0, 149, 246);--instagram-red: rgb(237, 73, 86);--instagram-primary-text: rgb(250, 250, 250);--instagram-secondary-text: rgb(142, 142, 142);--instagram-stroke: rgb(219, 219, 219);--instagram-border: rgb(54, 54, 54);--instagram-highlight: rgb(38, 38, 38);--twitter-primary: #000000;--twitter-secondary: #f5f8fa;--twitter-background-highlight: rgb(20, 20, 20);--twitter-primary-text: #f5f8fa;--twitter-secondary-text: #aab8c2;--twitter-alt-text: #657786;--twitter-border: #38444d;--twitter-border-secondary: #38444d;--twitter-hover: rgba(150, 150, 150, .1);--twitter-highlight: #dcdcdc;--twitter-action: #1d9bf0;--twitter-blue: #1d9bf0;--crypto-color-primary: rgb(24, 26, 32);--tiktok-text-primary: #f2f2f7;--tiktok-text-secondary: #6f6f6f;--tiktok-color-border: #96969633;--browser-primary: rgb(15, 15, 15);--browser-secondary: rgba(153, 153, 153, .15);--browser-gradient: linear-gradient(230deg, #453b48, #2f393d);--browser-footer: rgba(51, 51, 51, .75);--browser-border: rgba(102, 102, 102, .75);--browser-text-secondary: #999999;--controlcentre-opacity: rgba(0, 0, 0, .15);--controlcentre-opacity2: rgba(0, 0, 0, .2);--controlcentre-active: rgba(0, 0, 0, .5);--notification-primary: rgba(0, 0, 0, .1);--notification-secondary: rgba(0, 0, 0, .12);--lockscreeneditor-background: rgba(0, 0, 0, .8);--lockscreeneditor-secondary: #333333;--app-bg: #000000;--app-bg2: #000000;--app-secondary: #141414;--app-secondary2: #141414;--app-highlight: #cccccc;--app-highlight2: #696969;--app-highlight3: #212121;--app-border: #cccccc;--app-slider: #999999;--app-slider-active: #ffffff;--app-button: #333333;--components-bg: #000000;--components-secondary: #141414;--components-highlight: #696969}@keyframes zoomIn{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes slideDown{0%{transform:translateY(-20%)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(40%)}to{transform:translateY(0)}}@keyframes slideRight{0%{transform:translate(-10%)}to{transform:translate(0)}}@keyframes slideLeft{0%{transform:translate(10%)}to{transform:translate(0)}}@keyframes appJiggle{0%{transform:rotate(-1deg);animation-timing-function:ease-in}50%{transform:rotate(1.5deg);animation-timing-function:ease-out}}@keyframes appJiggle2{0%{transform:rotate(1deg);animation-timing-function:ease-in}50%{transform:rotate(-1.5deg);animation-timing-function:ease-out}}@keyframes widgetJiggle{0%{transform:rotate(-.5deg);animation-timing-function:ease-in}50%{transform:rotate(.5deg);animation-timing-function:ease-out}}@keyframes widgetJiggle2{0%{transform:rotate(.5deg);animation-timing-function:ease-in}50%{transform:rotate(-.5deg);animation-timing-function:ease-out}}[data-theme=dark] .picker:before{background:linear-gradient(black,rgba(0,0,0,.5))}[data-theme=dark] .picker:after{background:linear-gradient(rgba(0,0,0,.5),black)}[data-theme=light] .picker:before{background:linear-gradient(#ececec,rgba(236,236,236,.4))}[data-theme=light] .picker:after{background:linear-gradient(rgba(236,236,236,.4),#ececec)}.clock-container{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--app-bg);overflow:hidden}.clock-container div{box-sizing:border-box}.clock-container .clock-body{overflow:hidden;max-height:87%;width:100%;display:flex;justify-content:center}.clock-container .clock-body .picker{width:100%;height:auto;overflow:hiddenw;display:flex;flex-direction:row;gap:1rem;justify-content:center;position:relative;font-weight:400;margin-bottom:1.5rem;box-sizing:border-box}.clock-container .clock-body .picker.alarm{margin-left:-1.5rem;height:12rem}.clock-container .clock-body .picker.alarm:before{top:0rem}.clock-container .clock-body .picker.alarm:after{bottom:-2rem;height:6rem}.clock-container .clock-body .picker div{display:flex;flex-direction:row;align-items:center}.clock-container .clock-body .picker div .label{font-size:20px;z-index:9}.clock-container .clock-body .picker .separator{margin-left:1rem;margin-right:-1rem;margin-bottom:.75rem;font-size:65px;color:var(--phone-text-primary)}.clock-container .clock-body .picker ul{max-height:13.5rem;overflow:hidden;margin-right:.4rem;list-style:none}.clock-container .clock-body .picker li{display:flex;align-items:center;justify-content:center;height:4.5rem;text-align:right;word-spacing:.2em;font-size:60px;font-weight:300;color:var(--phone-text-primary);font-variant-numeric:tabular-nums}.clock-container .clock-body .picker:before,.clock-container .clock-body .picker:after{content:"";position:absolute;width:100%;height:4em;pointer-events:none}.clock-container .clock-body .picker:before{top:-2em}.clock-container .clock-body .picker:after{bottom:-2em;height:4em}.clock-container .clock-body .actions{width:80%;display:flex;align-items:center;justify-content:space-between;margin-top:5rem}.clock-container .clock-body .actions .button{display:flex;align-items:center;justify-content:center;height:5rem;width:5rem;border-radius:50%;cursor:pointer}.clock-container .clock-body .actions .button.disabled{cursor:not-allowed}.clock-container .clock-body .actions .button .button-inner{height:95%;width:95%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;letter-spacing:.05rem;transition:all .2s ease-in-out;border:2px solid var(--phone-color-border)}.clock-container .clock-body .actions .button .button-inner:hover{filter:brightness(.8)}.clock-container .clock-body .actions .button:first-child{color:#fff}.clock-container .clock-body .actions .button:first-child .button-inner{background-color:#323232e6}.clock-container .clock-body .actions .button:first-child.disabled .button-inner{color:#b4b4b4cc;background-color:#1e1e1ee6}.clock-container .clock-body .actions .button:last-child .button-inner{color:#fff;background-color:#1eb366}.clock-container .clock-body .actions .button:last-child.active .button-inner{color:#fff;background-color:#f54140}.clock-container .clock-body .stopwatch-container{width:100%;display:flex;flex-direction:column;align-items:center}.clock-container .clock-body .stopwatch-container .stopwatch-header{width:88%;display:flex;flex-direction:column;gap:.75rem;margin-top:4rem;margin-bottom:1rem}.clock-container .clock-body .stopwatch-container .stopwatch-header .stopwatch-title{color:var(--phone-text-primary);font-size:28px;font-weight:600}.clock-container .clock-body .stopwatch-container .stopwatch-content{display:flex;align-items:center;flex-direction:column;margin-top:6rem;width:100%}.clock-container .clock-body .stopwatch-container .stopwatch-content .clock{color:var(--phone-text-primary);font-size:75px;font-weight:300;font-variant-numeric:tabular-nums}.clock-container .clock-body .stopwatch-container .stopwatch-content .actions{margin-top:3rem}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps{background-color:var(--app-secondary);width:80%;box-sizing:border-box;border-radius:16px;margin-top:2rem;overflow-y:auto;overflow-x:hidden;max-height:15rem}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps::-webkit-scrollbar{width:16px}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps::-webkit-scrollbar-thumb{background-color:var(--app-highlight2);border:6px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:999px}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps::-webkit-scrollbar-track{margin-top:6px;margin-bottom:6px}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps table{display:table;height:100%;width:100%;border-spacing:2.6rem 1rem;margin:0 auto}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps table th,.clock-container .clock-body .stopwatch-container .stopwatch-content .laps table td{width:33.33%;text-align:center}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps table thead{width:100%;border-bottom:1px solid var(--phone-color-border)}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps table thead th{color:var(--phone-text-secondary);font-size:14px;font-weight:400}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps table tr[data-best=true] td{color:#1eb366}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps table tr[data-worst=true] td{color:#f54140}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps table tr td{color:var(--phone-text-primary);font-weight:400;font-variant-numeric:tabular-nums}.clock-container .clock-body .stopwatch-container .stopwatch-content .laps table tr td.no-laps{text-align:center}.clock-container .clock-body .timer-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;color:#fffc}.clock-container .clock-body .timer-container .timer-header{width:88%;display:flex;flex-direction:column;gap:.75rem;margin-top:4rem;margin-bottom:1rem}.clock-container .clock-body .timer-container .timer-header .timer-title{color:var(--phone-text-primary);font-size:28px;font-weight:600}.clock-container .clock-body .timer-container .timer-content{display:flex;align-items:center;flex-direction:column;margin-top:2rem;width:100%;box-sizing:border-box}.clock-container .clock-body .timer-container .timer-content .picker-labels{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:70%;margin-bottom:3rem}.clock-container .clock-body .timer-container .timer-content .picker-labels>div{font-size:15px;color:var(--phone-text-secondary);z-index:1}.clock-container .clock-body .timer-container .timer-content .picker{width:100%;height:8rem;display:flex;flex-direction:row;gap:2.5rem;justify-content:center;position:relative;font-weight:400;margin-bottom:1.5rem}.clock-container .clock-body .timer-container .timer-content .picker ul{max-height:9rem}.clock-container .clock-body .timer-container .timer-content .picker li{height:3rem;text-align:right;word-spacing:.2em;font-size:25px;font-weight:300;color:var(--phone-text-primary)}.clock-container .clock-body .timer-container .timer-content .picker:before,.clock-container .clock-body .timer-container .timer-content .picker:after{content:"";position:absolute;width:100%;height:4em;pointer-events:none}.clock-container .clock-body .timer-container .timer-content .picker:before{top:-2em}.clock-container .clock-body .timer-container .timer-content .picker:after{bottom:-2em;height:4em}.clock-container .clock-body .timer-container .timer-content .actions{margin:2rem 0}.clock-container .clock-body .timer-container .timer-content .recents{display:flex;flex-direction:column;gap:.5rem;width:80%}.clock-container .clock-body .timer-container .timer-content .recents .title{font-size:20px;font-weight:600;color:var(--phone-text-primary)}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper{display:flex;flex-direction:column;background-color:var(--app-secondary);width:100%;border-radius:16px;overflow-y:auto;overflow-x:hidden;max-height:13rem}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper::-webkit-scrollbar{width:16px}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper::-webkit-scrollbar-thumb{background-color:var(--app-highlight2);border:6px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:999px}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper::-webkit-scrollbar-track{margin-top:6px;margin-bottom:6px}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper .no-recents{display:flex;align-items:center;justify-content:center;height:4rem;font-size:16px;font-weight:400;color:var(--phone-text-secondary)}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper .item{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--phone-color-border)}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper .item:last-child{border-bottom:none}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper .item .time{font-size:19px;font-weight:400;color:var(--phone-text-primary);font-variant-numeric:tabular-nums}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper .item .buttons{display:flex;align-items:center;gap:.5rem}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper .item .buttons svg{font-size:14px;color:#fff;padding:.45rem;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper .item .buttons svg:hover{filter:brightness(.8)}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper .item .buttons svg.green{background-color:#00d466}.clock-container .clock-body .timer-container .timer-content .recents .recents-wrapper .item .buttons svg.red{background-color:#f54140}.clock-container .clock-body .timer-container .timer-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:16rem;width:16rem;border-radius:100%;position:relative}.clock-container .clock-body .timer-container .timer-wrapper .border-wrapper{height:100%;width:100%;position:absolute;z-index:10;transition:all .2s ease-in-out}.clock-container .clock-body .timer-container .timer-wrapper .timer{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:94%;width:94%;border-radius:50%}.clock-container .clock-body .timer-container .timer-wrapper .timer .timer-text{font-size:45px;font-weight:300;color:var(--phone-text-primary);font-variant-numeric:tabular-nums}.clock-container .clock-body .timer-container .timer-wrapper .timer .when-done{position:absolute;bottom:2.5rem;display:flex;align-items:center;gap:.3rem;font-size:16px;color:var(--phone-text-secondary)}.clock-container .clock-body .timer-container .timer-wrapper .timer .when-done svg{font-size:18px}.clock-container .clock-footer{position:absolute;bottom:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2.75rem;width:100%;padding-top:1rem;padding-bottom:3rem;background-color:var(--app-bg2);border-top:1px solid var(--phone-color-border)}.clock-container .clock-footer div{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#828282;font-size:14px;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease-in-out}.clock-container .clock-footer div:hover,.clock-container .clock-footer div.active{color:var(--phone-color-blue)}.clock-container .clock-footer div svg{font-size:32px}.clock-container .new-alarm-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.clock-container .new-alarm-container .new-alarm-header{width:88%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;margin-top:4rem;margin-bottom:1rem}.clock-container .new-alarm-container .new-alarm-header>div{flex:1}.clock-container .new-alarm-container .new-alarm-header>div.save{text-align:right;justify-content:flex-end}.clock-container .new-alarm-container .new-alarm-header .cancel,.clock-container .new-alarm-container .new-alarm-header .save{display:flex;align-items:center;font-size:18px;color:var(--phone-color-blue);cursor:pointer}.clock-container .new-alarm-container .new-alarm-header .cancel svg,.clock-container .new-alarm-container .new-alarm-header .save svg{font-size:24px}.clock-container .new-alarm-container .new-alarm-header .title{text-align:center;font-size:20px;font-weight:400;color:var(--phone-text-primary)}.clock-container .new-alarm-container .new-alarm-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;width:100%;color:#fffc}.clock-container .new-alarm-container .new-alarm-content div{overflow:hidden}.clock-container .new-alarm-container .new-alarm-content .settings{margin-top:1rem;width:90%;border-radius:14px;background-color:var(--app-secondary);display:flex;flex-direction:column;align-items:center}.clock-container .new-alarm-container .new-alarm-content .settings .item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90%;padding:1rem 1.25rem;border-bottom:1px solid var(--phone-color-border)}.clock-container .new-alarm-container .new-alarm-content .settings .item:last-child{border-bottom:none}.clock-container .new-alarm-container .new-alarm-content .settings .item .label{font-size:18px;font-weight:400;color:var(--phone-text-primary)}.clock-container .new-alarm-container .new-alarm-content .settings .item input{height:100%;text-align:right;font-size:18px;background-color:transparent;border:none;color:var(--phone-text-secondary);font-family:Roboto,sans-serif}.clock-container .new-alarm-container .new-alarm-content .settings .item input:focus{outline:none}.clock-container .alarm-container{width:100%;display:flex;flex-direction:column;align-items:center}.clock-container .alarm-container .alarm-header{width:88%;display:flex;flex-direction:column;gap:.75rem;margin-top:4rem;margin-bottom:1rem}.clock-container .alarm-container .alarm-header .alarm-header-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:var(--phone-color-blue);cursor:pointer}.clock-container .alarm-container .alarm-header .alarm-header-top .edit{font-size:20px}.clock-container .alarm-container .alarm-header .alarm-header-top svg{font-size:32px}.clock-container .alarm-container .alarm-header .alarm-title{color:var(--phone-text-primary);font-size:28px;font-weight:600}.clock-container .alarm-container .alarm-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:3rem}.clock-container .alarm-container .alarm-content::-webkit-scrollbar{display:none}.clock-container .alarm-container .alarm-content .alarm{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:88%;padding:1rem 1.5rem;border-radius:14px;box-sizing:border-box;background-color:var(--app-secondary)}.clock-container .alarm-container .alarm-content .alarm[data-active=true] .alarm-info{color:var(--phone-text-primary)}.clock-container .alarm-container .alarm-content .alarm .alarm-wrapper{display:flex;flex-direction:row;align-items:center;gap:1rem}.clock-container .alarm-container .alarm-content .alarm .alarm-wrapper svg{font-size:27px;color:var(--phone-color-red)}.clock-container .alarm-container .alarm-content .alarm .alarm-info{display:flex;flex-direction:column;color:var(--phone-text-secondary);transition:color .25s ease-in-out}.clock-container .alarm-container .alarm-content .alarm .alarm-info .time{font-size:50px;font-weight:300}.clock-container .alarm-container .alarm-content .alarm svg{font-size:24px;color:var(--phone-text-secondary);cursor:pointer}.clock-container .worldclock-container{width:100%;display:flex;flex-direction:column;align-items:center}.clock-container .worldclock-container .worldclock-header{width:88%;display:flex;margin-top:4rem;margin-bottom:1rem}.clock-container .worldclock-container .worldclock-header .worldclock-title{color:var(--phone-text-primary);font-size:28px;font-weight:600}.clock-container .worldclock-container .worldclock-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-height:85%;overflow-y:auto}.clock-container .worldclock-container .worldclock-content::-webkit-scrollbar{display:none}.clock-container .worldclock-container .worldclock-content .worldclock{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:88%;padding:1.25rem;border-radius:14px;box-sizing:border-box;background-color:var(--app-secondary)}.clock-container .worldclock-container .worldclock-content .worldclock .worldclock-location{display:flex;flex-direction:column;gap:.25rem}.clock-container .worldclock-container .worldclock-content .worldclock .worldclock-location .location{font-size:26px;font-weight:400;color:var(--phone-text-primary)}.clock-container .worldclock-container .worldclock-content .worldclock .worldclock-location .difference{font-size:14px;font-weight:400;color:var(--phone-text-secondary)}.clock-container .worldclock-container .worldclock-content .worldclock .time{font-size:40px;font-weight:300;font-variant-numeric:tabular-nums;color:var(--phone-text-primary)}
