.block-clocks{grid-template-columns:repeat(var(--clocks-count,4), 1fr);gap:var(--wp--preset--spacing--normal);text-align:center;align-items:center;margin:0;padding:0;list-style:none;display:grid}@media (width<=782px){.block-clocks{flex-wrap:nowrap;padding-top:2.5rem;display:flex;position:relative}.block-clocks .clock-item{scroll-snap-align:center;min-width:100px}}@media (width<=600px){.block-clocks{scroll-snap-type:x mandatory;position:relative;overflow-x:scroll}}.block-clocks svg path{transform-box:fill-box}.block-clocks .clock{transition:.45s var(--wp--custom--transition--smooth);align-items:center;gap:var(--wp--preset--spacing--x-small);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;width:100%;margin:0;padding:0;display:flex;position:relative}.block-clocks .clock:before{content:"We're open!";opacity:0;background:var(--wp--preset--color--sun);width:100%;color:var(--wp--preset--color--night);text-transform:uppercase;pointer-events:none;opacity:0;transition:.45s var(--wp--custom--transition--smooth);border-radius:99px;justify-content:center;align-items:center;padding:.2em .5em;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;left:0}.block-clocks .clock__opening-times{opacity:0;background:var(--wp--preset--color--sun);width:auto;color:var(--wp--preset--color--night);text-transform:uppercase;pointer-events:none;opacity:0;transition:.45s var(--wp--custom--transition--smooth);z-index:10;border-radius:99px;justify-content:center;align-items:center;gap:.25em;padding:.2em .6em;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.block-clocks .clock__opening-times{transform:translateY(-120%)}}.block-clocks .clock__opening-times p{margin:0}.block-clocks .clock-time{--hand-offset:5px;--hour-length:30%;--hour-width:4.5%;--minute-length:40%;--minute-width:3%;aspect-ratio:1;border:4px solid var(--clock-color,var(--wp--preset--color--night));background:var(--clock-bg,var(--wp--preset--color--stone));border-radius:999px;width:100%;max-width:75px;margin:auto;transition:all 1s ease-in-out;display:block;position:relative}@media (width<=782px){.block-clocks .clock-time{border-width:2px;max-width:50px}}.block-clocks .clock-time__hours,.block-clocks .clock-time__minutes{background:var(--clock-color,var(--wp--preset--color--night));bottom:calc(50% - var(--hand-offset));rotate:var(--rotation);transition:1s var(--wp--custom--transition--smooth);transform-origin:center calc(100% - var(--hand-offset));border-radius:1px;display:block;position:absolute}.block-clocks .clock-time__minutes{width:var(--minute-width);height:var(--minute-length);left:calc(50% - var(--minute-width) / 2)}.block-clocks .clock-time__hours{width:var(--hour-width);height:var(--hour-length);left:calc(50% - var(--hour-width) / 2)}.block-clocks .clock-time svg{width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.block-clocks .clock-time svg path{stroke:var(--clock-color,var(--wp--preset--color--night))}.block-clocks .clock-label{font-size:var(--wp--preset--font-size--x-small);background:var(--wp--preset--color--night);color:var(--wp--preset--color--stone);text-transform:uppercase;border-radius:999px;margin:0;padding:.1em .75em;font-weight:400}.block-clocks .clock-initial{width:2.125rem;height:2.125rem;font-weight:700;font-size:var(--wp--preset--font-size--small);border:1px solid;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.block-clocks .clock.inactive{opacity:.4}.block-clocks .clock.inactive:before{content:"We're closed!"}.block-clocks .clock.sign-active{opacity:1}.block-clocks .clock.sign-active:before{opacity:1;transform:translateY(-120%)}.block-clocks .clock.day{--clock-color:var(--wp--preset--color--night);--clock-bg:var(--wp--preset--color--stone)}.block-clocks .clock.night{--clock-color:var(--wp--preset--color--night);--clock-bg:var(--wp--preset--color--dusk)}.block-clocks .clock:hover,.block-clocks .clock:focus,.block-clocks .clock:focus-within{opacity:1;outline:none}.block-clocks .clock:hover .clock__opening-times,.block-clocks .clock:focus .clock__opening-times,.block-clocks .clock:focus-within .clock__opening-times{opacity:1;transform:translateY(-120%)}.block-clocks .clock:hover .clock-time,.block-clocks .clock:focus .clock-time,.block-clocks .clock:focus-within .clock-time{box-shadow:0 0 0 2px var(--wp--preset--color--sun)}