.basis-howto{--howto-brand: #0042da;--howto-text-900: #020202;--howto-text-700: #293148;--howto-text-500: #6b6f7c;--howto-border: #dddddd;--howto-bad-bg: #fff5f5;--howto-bad-border: #f8d0cc;--howto-good-bg: #f2f7ff;--howto-good-border: #c0d4fb;--howto-number-size: 36px;--howto-radius: 6px;--howto-gap: 40px;--howto-gap-mobile: 20px;--howto-max-width: 1400px;--howto-ease: .2s ease;--howto-ease-open: .32s ease;--howto-ease-close: .22s ease}.basis-howto__inner{max-width:var(--howto-max-width);margin-inline:auto;padding-inline:var(--howto-gap)}.basis-howto__header{margin-bottom:40px;max-width:720px}.basis-howto__title{font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(26px,4vw,48px);line-height:1.09;color:var(--howto-text-900);margin:0 0 16px;letter-spacing:0;text-transform:none;position:relative;padding-bottom:18px}.basis-howto__title:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:3px;background:var(--howto-brand);border-radius:2px}.basis-howto__intro{font-family:Lato,sans-serif;font-weight:400;font-size:clamp(14px,2vw,16px);line-height:1.72;color:var(--howto-text-700);margin:0}.basis-howto__hero{margin:0 auto 28px;max-width:900px;text-align:center}.basis-howto__hero-img{display:block;width:100%;height:auto;border-radius:var(--howto-radius)}.basis-howto__rich-text{display:block;clear:both;max-width:800px;margin:0 0 20px;font-family:Lato,sans-serif;font-size:clamp(14px,2vw,16px);line-height:1.72;color:var(--howto-text-700);text-align:left}.basis-howto__rich-text p{margin:0 0 12px}.basis-howto__rich-text p:last-child{margin-bottom:0}.basis-howto__rich-text strong{color:var(--howto-text-900);font-weight:700}.basis-howto__rich-text em{font-style:italic}.basis-howto__rich-text a{color:var(--howto-brand);text-decoration:underline;text-underline-offset:2px}.basis-howto__rich-text a:hover{text-decoration:none}.basis-howto__rich-text+.basis-howto__list{margin-top:16px}@media(max-width:767px){.basis-howto__hero{margin-bottom:20px}.basis-howto__rich-text{margin-bottom:16px}}.basis-howto__list{display:flex;flex-direction:column}.basis-howto__step{border-top:1px solid var(--howto-border)}.basis-howto__step:last-child{border-bottom:1px solid var(--howto-border)}.basis-howto__summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;list-style:none;color:var(--howto-text-900);transition:color var(--howto-ease);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.basis-howto__summary::-webkit-details-marker{display:none}.basis-howto__summary:hover{color:var(--howto-brand)}.basis-howto__summary:focus-visible{outline:2px solid var(--howto-brand);outline-offset:3px;border-radius:var(--howto-radius)}.basis-howto__summary-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.basis-howto__number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--howto-number-size);height:var(--howto-number-size);border-radius:50%;background:var(--howto-brand);color:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:14px;line-height:1;transition:background var(--howto-ease),transform var(--howto-ease)}.basis-howto__details[open] .basis-howto__number{background:var(--howto-text-900)}.basis-howto__summary:hover .basis-howto__number{transform:translateY(-2px)}.basis-howto__step-title{margin:0;padding:0;font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(15px,2vw,17px);line-height:1.3;letter-spacing:0;text-transform:none;color:inherit;display:inline}.basis-howto__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:2px solid var(--howto-border);border-radius:50%;color:var(--howto-brand);position:relative;transition:border-color var(--howto-ease),background var(--howto-ease),color var(--howto-ease),transform var(--howto-ease)}.basis-howto__summary:hover .basis-howto__icon{border-color:var(--howto-brand);background:var(--howto-brand);color:#fff;transform:translateY(-2px)}.basis-howto__details[open] .basis-howto__icon{border-color:var(--howto-text-900);background:var(--howto-text-900);color:#fff}.basis-howto__icon svg{position:absolute;transition:opacity var(--howto-ease),transform var(--howto-ease)}.basis-howto__icon-plus{opacity:1;transform:rotate(0)}.basis-howto__icon-minus{opacity:0;transform:rotate(-90deg)}.basis-howto__details[open] .basis-howto__icon-plus{opacity:0;transform:rotate(90deg)}.basis-howto__details[open] .basis-howto__icon-minus{opacity:1;transform:rotate(0)}.basis-howto__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--howto-ease-open)}.basis-howto__details[open] .basis-howto__panel{grid-template-rows:1fr;transition:grid-template-rows var(--howto-ease-open)}.basis-howto__panel-inner{overflow:hidden;display:flex;flex-direction:column;gap:20px;padding-bottom:0}.basis-howto__details[open] .basis-howto__panel-inner{padding-bottom:28px;padding-left:calc(var(--howto-number-size) + 16px)}.basis-howto__short-desc{font-family:Lato,sans-serif;font-weight:700;font-size:15px;line-height:1.6;color:var(--howto-text-700);margin:0;padding-left:12px;border-left:3px solid var(--howto-brand)}.basis-howto__visuals{display:grid;grid-template-columns:1fr 1fr;gap:16px}.basis-howto__visuals--single{grid-template-columns:1fr;max-width:320px}.basis-howto__visual{margin:0;display:flex;flex-direction:column;gap:8px}.basis-howto__visual-img-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--howto-radius);background:var(--howto-border)}.basis-howto__visual--bad .basis-howto__visual-img-wrap{border:2px solid var(--howto-bad-border);background:var(--howto-bad-bg)}.basis-howto__visual--good .basis-howto__visual-img-wrap{border:2px solid var(--howto-good-border);background:var(--howto-good-bg)}.basis-howto__visual-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s ease}.basis-howto__visual-img-wrap:hover .basis-howto__visual-img{transform:scale(1.03)}.basis-howto__visual-badge{position:absolute;top:8px;left:8px;z-index:2;font-size:18px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.25))}.basis-howto__caption{font-family:Lato,sans-serif;font-size:12px;line-height:1.5;color:var(--howto-text-500);margin:0;text-align:center}.basis-howto__caption--bad:before{content:"\274c  "}.basis-howto__caption--good:before{content:"\2705  "}.basis-howto__long-desc{font-family:Lato,sans-serif;font-size:clamp(14px,2vw,16px);line-height:1.72;color:var(--howto-text-700)}.basis-howto__long-desc p{margin:0 0 12px}.basis-howto__long-desc p:last-child{margin-bottom:0}.basis-howto__long-desc strong{color:var(--howto-text-900)}.basis-howto__long-desc a{color:var(--howto-brand);text-decoration:underline}@media(max-width:767px){.basis-howto__inner{padding-inline:var(--howto-gap-mobile)}.basis-howto__summary{padding:16px 0}.basis-howto__details[open] .basis-howto__panel-inner{padding-left:0;padding-bottom:20px;gap:16px}.basis-howto__visuals{grid-template-columns:1fr;max-width:100%}.basis-howto__visual-img-wrap{aspect-ratio:4 / 3}.basis-howto__number{--howto-number-size: 30px;font-size:12px}.basis-howto__step-title{font-size:15px}.basis-howto__header{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.basis-howto__panel,.basis-howto__icon svg,.basis-howto__icon,.basis-howto__summary,.basis-howto__number,.basis-howto__visual-img{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/basis-howto.css.map */