.timepicker{align-items:center;background-color:color-mix(in srgb,var(--surface-secondary),#fff 30%);border-radius:var(--base-radius-full);display:inline-flex;gap:8px;padding:5px;position:relative}.timepicker.invalid{border:2px solid var(--states-destructive);color:var(--states-destructive)}.timepicker .timepicker-input{color:var(--base-color-secondary-contrast);position:relative;white-space:nowrap;width:-moz-fit-content;width:fit-content}.timepicker .picker-button{align-items:center;color:var(--base-color-secondary-contrast);display:flex;margin-right:4px;transition:all .2s ease-in-out}.timepicker .picker-button:hover{opacity:.6}.opening-hours{align-items:flex-start;background-color:var(--surface-fill-background);border:1px solid;border-color:var(--border-color);border-radius:var(--base-radius-half) var(--base-radius-small) var(--base-radius-half) var(--base-radius-small);display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:16px;position:relative;width:100%}.opening-hours.mobile{flex-direction:column;align-items:stretch;padding:16px 8px}.opening-hours.mobile .periods{justify-content:center}.opening-hours.mobile .opening-hours-frame{flex-direction:column;gap:4;align-items:stretch}.opening-hours .opening-hours-frame{align-items:center;align-self:stretch;display:flex;flex:0 0 auto;gap:16px;justify-content:center;position:relative;width:100%}.opening-hours .weekday{color:var(--text-h2);display:-webkit-box;flex:1 1;overflow:hidden;position:relative;text-overflow:ellipsis}.opening-hours .periods{align-items:center;justify-content:left;gap:16px;display:flex;flex:1 1;flex-wrap:wrap}