.action-bar{background-color:var(--lumo-shade-5pct);box-shadow:var(--lumo-box-shadow-xs);flex-direction:column;position:relative;z-index:1}@supports (-webkit-touch-callout: none){.action-bar{padding-bottom:76px}}@media only screen and (device-width: 768px){.action-bar{padding-bottom:76px}}@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){.action-bar{padding-bottom:76px}}@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait){.action-bar{padding-bottom:76px}}.action-bar__container{padding:8px 8px 8px 16px}.action-bar__action-items>*:not(:last-child){margin-right:var(--lumo-space-s)}.app-bar{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);flex-direction:column;position:relative;z-index:1}.app-bar__container{height:56px;padding-right:var(--lumo-space-m);transition:padding var(--transition-duration-m)}.app-bar__action-items>*:not(:last-child){margin-right:var(--lumo-space-s)}.app-bar__title{flex-grow:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-bar__avatar{border-radius:100%;flex-shrink:0;height:var(--lumo-size-s);margin-left:var(--lumo-space-m);width:var(--lumo-size-s)}.controls{position:relative;top:0;left:0;display:none}.clip_preview_card:hover .controls{display:flex}.form-label{align-self:flex-start;color:var(--lumo-secondary-text-color);font-weight:500;font-size:var(--lumo-font-size-s);margin-left:calc(var(--lumo-border-radius-m) / 4);transition:color .2s;line-height:1;padding-bottom:.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;max-width:100%;box-sizing:border-box}.context-view{background-color:var(--lumo-base-color);flex-direction:column;display:flex;position:relative;z-index:1}.context-view__container{padding:0 var(--lumo-space-r-l);transition:padding var(--transition-duration-m)}.context-view__title{color:var(--lumo-shade-80pct);flex-grow:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.context-view__action-items{flex-grow:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:right}.context-view__action-items vaadin-button{margin-right:10px}.exercise-bundle-dialog__grid{margin:var(--lumo-space-m)}.exercise-bundle-dialog__save{margin-right:var(--lumo-space-m)}.exercise-filter__container{background-color:var(--lumo-shade-3pct);padding:var(--lumo-space-m) var(--lumo-space-m) 0 var(--lumo-space-m);border-radius:var(--lumo-border-radius-m)}.exercise-grid-row__preview{width:96px;height:72px;box-shadow:0 2px 4px #0003,0 3px 10px #00000030;border-radius:5px}.exercise-grid-row__title{font-weight:700}.exercise-grid-row__description{font-style:oblique;margin-top:8px;word-wrap:break-word;white-space:normal}.exercise-grid-row__position{min-width:68px}:host([theme~="custom-theme-variant"]) [part~=content]{padding:0}html{--rating-icon-color: var(--lumo-primary-color)}.routine-bundle-dialog__grid{margin:var(--lumo-space-m)}.routine-bundle-dialog__save{margin-right:var(--lumo-space-m)}.routine-filter__container{background-color:var(--lumo-shade-3pct);padding:var(--lumo-space-m) var(--lumo-space-m) 0 var(--lumo-space-m);border-radius:var(--lumo-border-radius-m)}.routine-grid-row__preview{width:64px;height:56px}.routine-grid-row__title{font-weight:700}.routine-grid-row__description{font-style:oblique;margin-top:8px}.studio-filter__container,.user-filter__container{background-color:var(--lumo-shade-3pct);padding:var(--lumo-space-m) var(--lumo-space-m) 0 var(--lumo-space-m);border-radius:var(--lumo-border-radius-m)}.exercise-grid-row__name{font-weight:700}.exercise-grid-row__identifier{font-weight:700;margin-left:auto}.user-identification{width:100%;align-items:center;height:auto;border-bottom:1px solid var(--lumo-shade-10pct)}.user-identification h2{align-self:center;text-align:center;color:var(--lumo-shade-60pct)}.user-identification span{align-self:center}html{--lumo-shade-3pct: rgba(33, 33, 33, .03);--lumo-shade-5pct: rgba(33, 33, 33, .05);--lumo-shade-10pct: rgba(33, 33, 33, .1);--lumo-shade-20pct: rgba(33, 33, 33, .2);--lumo-shade-30pct: rgba(33, 33, 33, .3);--lumo-shade-40pct: rgba(33, 33, 33, .4);--lumo-shade-50pct: rgba(33, 33, 33, .5);--lumo-shade-60pct: rgba(33, 33, 33, .6);--lumo-shade-70pct: rgba(33, 33, 33, .7);--lumo-shade-80pct: rgba(33, 33, 33, .8);--lumo-shade-90pct: rgba(33, 33, 33, .9);--lumo-primary-color-50pct: rgba(234, 87, 87, .5);--lumo-primary-color-10pct: rgba(234, 87, 87, .1);--lumo-error-color-50pct: rgba(231, 24, 24, .5);--lumo-error-color-10pct: rgba(231, 24, 24, .1);--lumo-success-color-50pct: rgba(62, 229, 170, .5);--lumo-success-color-10pct: rgba(62, 229, 170, .1);--lumo-shade: hsl(0, 0%, 13%);--lumo-primary-color: hsl(0, 77.8%, 62.9%);--lumo-primary-text-color: hsl(0, 100%, 62.9%);--lumo-error-color: hsl(0, 81%, 50%);--lumo-error-text-color: hsl(0, 86%, 45%);--lumo-success-color: hsl(159, 76%, 57%);--lumo-success-contrast-color: hsl(159, 29%, 10%);--lumo-success-text-color: hsl(159, 61%, 40%);--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);--paper-slider-knob-color: var(--lumo-primary-color);--paper-slider-active-color: var(--lumo-primary-color);--transition-duration-s: .16s;--transition-duration-m: .24s;--transition-duration-l: .32s}.form-label{align-self:flex-start;color:var(--lumo-primary-text-color);font-weight:500;font-size:var(--lumo-font-size-m);margin-top:var(--lumo-size-m);transition:color .2s;line-height:1;padding-bottom:.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;max-width:100%;box-sizing:border-box}