.slider-container{height:48px;display:flex;position:relative;touch-action:none}.slider-input{height:0;width:0;visibility:hidden;position:absolute}.slider-container--small{width:101px;height:32px}.slider-container--small .slider-label{font:var(--oc-semantic-font-copy-75, 400 .75rem/1rem "OTTOSans", Arial, Helvetica, sans-serif);font-size:var(--oc-base-font-size-75, .75rem);line-height:var(--oc-base-font-size-75, .75rem);color:var(--oc-base-color-black-100, #212121);font-weight:var(--oc-base-font-weight-bold, 700)}.slider-container--small .slider-label.activated{font-size:var(--oc-base-font-size-75, .75rem);line-height:var(--oc-base-font-size-75, .75rem);color:var(--oc-base-color-black-100, #212121);cursor:default}.slider-container--small .checked{margin:0 4px;width:24px;height:24px;border-radius:24px;stroke-width:2;stroke:var(--oc-semantic-color-text-inverted, #ffffff);stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--oc-semantic-color-success-100, #007268);z-index:1;flex-shrink:0}.slider-container--small .slider-loader{left:calc(95px - .75rem - ((24px - .75rem)/2));top:calc((100% - .75rem)/2)}.slider-container--small .slider-wrapper{display:flex;align-items:center;background-color:var(--oc-base-color-gray-100, #e5e5e5);padding-right:var(--oc-semantic-spacing-100, 16px)}.slider-container--small .slider-wrapper>:nth-child(2){padding-left:32px}.slider-container--small .slider-wrapper.activated{cursor:default}.slider-container--small .slider-wrapper.activated>:nth-child(2){padding-left:initial}.slider-container--small .slider-handle{width:24px;height:24px;border-radius:24px;left:4px}.slider-container--large .slider-label{font:var(--oc-semantic-font-copy-100, 400 .875rem/1.5rem "OTTOSans", Arial, Helvetica, sans-serif);font-size:var(--oc-base-font-size-100, 1rem);font-weight:var(--oc-base-font-weight-bold, 700);color:var(--oc-semantic-color-text-inverted, #ffffff)}.slider-container--large .slider-label.activated{margin-left:var(--oc-semantic-spacing-50, 8px);font-size:var(--oc-base-font-size-100, 1rem);color:var(--oc-semantic-color-text-default, #212121);cursor:default}.slider-container--large .checked{width:40px;height:40px;border-radius:50%;display:block;stroke-width:2;stroke:var(--oc-semantic-color-text-inverted, #ffffff);stroke-miterlimit:10;margin:auto;box-shadow:inset 0 0 0 var(--oc-semantic-color-success-100, #007268)}.slider-container--large .slider-loader{left:calc(100% - 1.5rem - 4px - ((40px - 1.5rem)/2));top:calc((100% - 1.5rem)/2)}.slider-container--large .slider-wrapper{width:100%;cursor:pointer;height:48px;align-items:center;margin-left:auto;margin-right:auto}.slider-container--large .slider-wrapper.activated{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:default;display:inline-flex;background-color:transparent}.slider-container--large .slider-handle{top:4px;left:5px;width:40px;height:40px;background:var(--oc-base-color-white-100, #ffffff);border-radius:40px;transition:.4s;cursor:pointer;z-index:1}.slider-label{cursor:pointer;text-align:center;margin:auto;text-wrap:nowrap;position:relative;-webkit-user-select:none;user-select:none;font-weight:var(--oc-base-font-weight-bold, 700)}.checkmark-circle{fill:var(--oc-semantic-color-success-100, #007268)}.checkmark-with-animation{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:slider--checkmark-stroke .6s cubic-bezier(.65,0,.45,1) .5s forwards}@keyframes slider--checkmark-stroke{to{stroke-dashoffset:0}}.slider-loader{position:absolute;z-index:2}.slider-wrapper{cursor:pointer;border:none;outline:none;border-radius:100px;padding:0;width:100%}.slider-handle{content:"";position:absolute;background:var(--oc-base-color-white-100, #ffffff);transition:.4s;cursor:pointer;z-index:1}