.model-fit{--model-fit-pill-bg: rgba(255, 255, 255, .88);--model-fit-pill-bg-active: #f2f2f2;--model-fit-surface: #ffffff;--model-fit-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);--model-fit-height: 42px;--model-fit-height-mobile: 45px;position:absolute;inset-inline:-1px 0;bottom:0;z-index:30;display:block;transition:all .3s ease}.model-fit__container{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:10px 22px 10px 10px;overflow:hidden;transition:all .3s ease}.model-fit__trigger{display:flex;flex:0 0 100px;min-width:107px;align-items:center;justify-content:center;gap:4px;padding:4px 8px 4px 4px;background:var(--model-fit-pill-bg);border:0;border-radius:0;box-shadow:var(--model-fit-shadow);color:rgb(var(--color-text-main));font-family:StyreneA-Medium,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:14px;text-transform:uppercase;cursor:pointer;transition:background .2s ease}.model-fit__trigger:focus-visible{outline:2px solid rgb(var(--color-text-main));outline-offset:2px}.model-fit__icon{width:14px;height:14px}.model-fit__content{display:flex;flex:0 0 calc(100% - 100px);align-items:center;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out}.model-fit__text{display:flex;justify-content:flex-start;width:100%;margin:0;color:rgb(var(--color-text-main));font-family:StyreneA-Regular,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.model-fit.is-active .model-fit__trigger{background:var(--model-fit-pill-bg-active)}.model-fit.is-active .model-fit__container{background-color:var(--model-fit-surface)}.model-fit.is-active .model-fit__content{max-width:100%;opacity:1;visibility:visible}media-gallery{position:relative}.media-gallery--desktop-stacked .media-gallery__stacked-item:first-child>.model-fit--stacked{height:var(--model-fit-height)}.model-fit--carousel{height:var(--model-fit-height-mobile);inset-inline:-10px 0;width:100.5%}.model-fit--carousel .model-fit__trigger{flex:0 0 100px;margin-inline-start:7px}.model-fit--carousel .model-fit__content{flex:0 0 calc(98% - 100px)}@media screen and (min-width:769px){.model-fit--carousel{display:none}}@media screen and (max-width:768px){.model-fit--stacked{display:none}.model-fit--carousel .model-fit__trigger{margin-inline-start:15px}}
/*# sourceMappingURL=/cdn/shop/t/1527/assets/component-model-fit.css.map */