:root{--slogan-glass-bg: rgba(56, 189, 248, .1);--accordion-border: rgba(255, 255, 255, .1);--accordion-border-active: rgba(56, 189, 248, .3);--accordion-text: #fff;--accordion-text-secondary: rgba(255, 255, 255, .75);--accordion-icon-color:#0F2A4A;--accordion-radius: 16px;--accordion-padding: 20px 24px;--accordion-gap: 12px;--accordion-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.accordion-container{width:100%;max-width:900px;margin:0 auto;padding:20px}.accordion-wrapper{display:flex;flex-direction:column;gap:var(--accordion-gap)}.accordion-item{background:var(--accordion-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--accordion-border);border-radius:var(--accordion-radius);overflow:hidden;transition:var(--accordion-transition)}.accordion-item:hover{background:var(--accordion-bg-hover);transform:translateY(-2px);box-shadow:0 4px 20px #0003}.accordion-item.active{background:var(--accordion-bg-active);border-color:var(--accordion-border-active);box-shadow:0 0 30px #38bdf833}.accordion-header{width:100%;padding:var(--accordion-padding);background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;transition:var(--accordion-transition);position:relative}.accordion-header:focus{outline:2px solid var(--accordion-icon-color);outline-offset:-2px}.accordion-header:hover{background:#ffffff08}.accordion-title{flex:1;font-size:1.1rem;font-weight:600;color:var(--accordion-text);line-height:1.4;transition:var(--accordion-transition)}.accordion-item.active .accordion-title{background:linear-gradient(90deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.accordion-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accordion-icon-color);transition:var(--accordion-transition);position:relative}.accordion-icon:before,.accordion-icon:after{content:"";position:absolute;background:currentColor;transition:var(--accordion-transition)}.accordion-icon:before{width:16px;height:2px;border-radius:2px}.accordion-icon:after{width:2px;height:16px;border-radius:2px;opacity:1}.accordion-item.active .accordion-icon:after{opacity:0;transform:rotate(90deg)}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-icon.chevron{font-size:1.5rem;line-height:1}.accordion-icon.chevron:before,.accordion-icon.chevron:after{display:none}.accordion-item.active .accordion-icon.chevron{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0}.accordion-item.active .accordion-content{max-height:2000px;opacity:1}.accordion-body{padding:0 24px 24px;color:var(--accordion-text-secondary);line-height:1.7;font-size:.95rem}.accordion-body p{margin:0 0 12px}.accordion-body p:last-child{margin-bottom:0}.accordion-body ul,.accordion-body ol{margin:12px 0;padding-left:24px}.accordion-body li{margin-bottom:8px;line-height:1.6}.accordion-body a{color:var(--cyan);text-decoration:none;transition:var(--accordion-transition);border-bottom:1px solid transparent}.accordion-body a:hover{color:var(--gold);border-bottom-color:var(--gold)}.accordion-body strong{color:var(--accordion-text);font-weight:600}.accordion-body code{background:#38bdf81a;padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--cyan)}.accordion-wrapper.bordered .accordion-item{border:2px solid var(--accordion-border)}.accordion-wrapper.bordered .accordion-item.active{border-color:var(--accordion-icon-color)}.accordion-wrapper.filled .accordion-item{background:#ffffff14}.accordion-wrapper.filled .accordion-item.active{background:linear-gradient(145deg,#38bdf826,#d946ef26)}.accordion-wrapper.minimal .accordion-item{background:transparent;border:none;border-bottom:1px solid var(--accordion-border);border-radius:0}.accordion-wrapper.minimal .accordion-item:last-child{border-bottom:none}.accordion-wrapper.compact .accordion-header{padding:14px 18px}.accordion-wrapper.compact .accordion-body{padding:0 18px 18px}.accordion-wrapper.compact .accordion-title{font-size:1rem}.accordion-header-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:12px;filter:drop-shadow(0 0 10px rgba(56,189,248,.3))}.accordion-header.with-icon{padding-left:20px}.accordion-badge{display:inline-block;padding:4px 12px;background:#38bdf833;border:1px solid rgba(56,189,248,.4);border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;color:var(--cyan);margin-left:12px;flex-shrink:0}.accordion-badge.new{background:#fbbf2433;border-color:#fbbf2466;color:var(--gold)}.accordion-badge.pro{background:#d946ef33;border-color:#d946ef66;color:var(--magenta)}.accordion-item.loading .accordion-header{pointer-events:none;opacity:.6}.accordion-item.loading .accordion-icon{animation:spin 1s linear infinite}.accordion-item.disabled{opacity:.5;pointer-events:none}.accordion-item.disabled .accordion-header{cursor:not-allowed}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-10px)}}.accordion-item.active .accordion-body{animation:accordionSlideDown .4s cubic-bezier(.4,0,.2,1)}.accordion-body .accordion-wrapper{margin-top:16px}.accordion-body .accordion-item{background:#ffffff08}.accordion-group-title{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px;text-align:center}@media(max-width:768px){.accordion-container{padding:12px}.accordion-header{padding:16px 18px}.accordion-body{padding:0 18px 18px;font-size:.9rem}.accordion-title{font-size:1rem}.accordion-icon{width:20px;height:20px}.accordion-icon:before{width:14px}.accordion-icon:after{height:14px}.accordion-badge{font-size:.7rem;padding:3px 8px}.accordion-header-icon{width:28px;height:28px;font-size:1.3rem}}@media(max-width:480px){.accordion-wrapper{gap:8px}.accordion-header{padding:14px 16px}.accordion-body{padding:0 16px 16px}.accordion-title{font-size:.95rem}}@media print{.accordion-item{page-break-inside:avoid;border:1px solid #ccc;margin-bottom:12px}.accordion-content{max-height:none!important;opacity:1!important}.accordion-icon{display:none}}.accordion-header:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}@media(prefers-reduced-motion:reduce){.accordion-item,.accordion-header,.accordion-content,.accordion-icon,.accordion-icon:before,.accordion-icon:after{transition:none!important;animation:none!important}}@media(prefers-contrast:high){.accordion-item{border:2px solid currentColor}.accordion-title{-webkit-text-fill-color:currentColor}}.accordion-close-all .accordion-content{max-height:0!important;opacity:0!important}.accordion-no-animation .accordion-content{transition:none}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-accordion.css.map */