#world-clocks .clocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:10px 4px 16px}body[class*="design-"] #world-clocks .paper-calendar{position:relative;isolation:isolate;min-width:0;padding:0 0 16px!important;text-align:center!important;background:#fff9eb!important;color:#342740!important;border:1px solid #d9c7ac!important;border-radius:9px 9px 3px 3px!important;box-shadow:0 5px 0 -1px #ebdfc8,0 9px 0 -2px #cbbca2,0 14px 16px #0003!important;transform:rotate(-1deg);overflow:visible}body[class*="design-"] #world-clocks .paper-calendar:nth-child(2){transform:rotate(1deg)}.paper-calendar:before,.paper-calendar:after{content:'';position:absolute;top:-8px;width:7px;height:18px;background:linear-gradient(90deg,#94828d,#f5e4ee,#8a7983);border:1px solid #6a5964;border-radius:6px;z-index:3}.paper-calendar:before{left:20%}.paper-calendar:after{right:20%}#world-clocks .paper-city{display:block;padding:15px 6px 12px;border-bottom:2px dashed #fff7;background:#7939b4;color:#fff7ed!important;border-radius:8px 8px 0 0;font-size:17px;line-height:1.2}body.design-scrapbook #world-clocks .paper-city{background:#ac555d}#world-clocks .paper-date{padding:15px 4px 8px;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#b0a28d12 24px)}#world-clocks .paper-month{font-size:13px;line-height:1.5;min-height:20px;color:#776051}#world-clocks .paper-day{font-size:64px;font-weight:900;line-height:1.2;color:#7838af;font-variant-numeric:tabular-nums}body.design-scrapbook #world-clocks .paper-day{color:#a34b55}#world-clocks .paper-weekday{font-size:15px;font-weight:700;line-height:1.5}#world-clocks .paper-time{margin:0 8px!important;padding:10px 2px 0;border-top:1px dashed #ad9683;font-size:12px!important;font-weight:700;line-height:1.5;white-space:nowrap;color:#433347!important;font-variant-numeric:tabular-nums}@media(min-width:650px){#world-clocks .paper-day{font-size:80px}#world-clocks .paper-time{font-size:16px!important}#world-clocks .paper-month{font-size:16px}}@media(max-width:350px){#world-clocks .clocks{gap:12px}#world-clocks .paper-time{font-size:10px!important}#world-clocks .paper-month{font-size:11px}}

#world-clocks .clocks{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;gap:16px;padding:14px 8px 22px;scrollbar-width:thin}body[class*="design-"] #world-clocks .paper-calendar{flex:0 0 150px;scroll-snap-align:start}#world-clocks .paper-city{font-size:15px;min-height:50px;display:flex;align-items:center;justify-content:center;padding:12px 5px 8px;box-sizing:border-box}#world-clocks .paper-day{font-size:58px}#world-clocks .paper-month{font-size:12px}#world-clocks .paper-time{font-size:11px!important}#world-clocks .paper-weekday{font-size:14px}