.mounting-popup-trigger{display:inline-flex;align-items:center;gap:1rem;font-size:1.4rem;color:rgb(var(--color-foreground));background:none;border:none;padding:1rem 0;cursor:pointer;text-decoration:none;border-bottom:1px solid rgba(var(--color-foreground),.2);width:100%;text-align:left;transition:border-color .2s ease}.mounting-popup-trigger:hover{border-bottom-color:rgb(var(--color-foreground))}.mounting-popup-trigger svg{flex-shrink:0;width:20px;height:20px;stroke-width:1.5}.mounting-drawer-container{visibility:hidden;opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;transition:opacity .22s ease,visibility 0s .22s;pointer-events:none}.mounting-drawer-container.is-open{visibility:visible;opacity:1;transition-delay:0s;pointer-events:auto}.mounting-drawer-container.is-closing{opacity:0;visibility:hidden;pointer-events:none}.mounting-drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-background-rgb),.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;pointer-events:auto}.mounting-drawer{position:absolute;top:0;left:0;height:100%;width:min(90vw,420px);background-color:rgb(var(--color-background));box-shadow:5px 0 25px #0003;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.mounting-drawer-container.is-open .mounting-drawer{transform:translate(0)}.mounting-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(var(--color-foreground),.08);flex-shrink:0}.mounting-drawer__title{margin:0}.mounting-drawer__close{background:none;border:none;padding:5px;cursor:pointer;line-height:0;color:rgb(var(--color-foreground))}.mounting-drawer__close svg{width:22px;height:22px;color:currentColor}.mounting-drawer__content{padding:0;overflow-y:auto;flex-grow:1}.mounting-step{padding:2rem;border-bottom:1px solid rgba(var(--color-foreground),.08)}.mounting-step:last-child{border-bottom:none}.mounting-step__image{max-width:280px;margin:0 auto 1.5rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block}.mounting-step__image img{width:100%;height:auto;display:block}.mounting-step__text{font-size:1.5rem;line-height:1.6}.mounting-step__text>*:first-child{margin-top:0}.mounting-step__text>*:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/53/assets/component-mounting-drawer.css.map */