.sn-community{background:#f4f7f9;color:#12212d;padding:0 0 72px}.sn-community__hero{background:linear-gradient(125deg,#071f2f,#0c3f59 70%,#0b6c85);border-radius:0 0 28px 28px;color:#fff;margin-bottom:24px;padding:56px clamp(22px,5vw,72px)}.sn-community__hero h1{color:#fff;font-size:clamp(32px,5vw,58px);letter-spacing:-.035em;margin:5px 0 14px;max-width:850px}.sn-community__hero>p:not(.sn-community__eyebrow){color:#dcecf3;font-size:18px;line-height:1.65;margin:0;max-width:760px}.sn-community__eyebrow{color:#1484a6;font-size:12px;font-weight:800;letter-spacing:.14em;margin:0 0 6px;text-transform:uppercase}.sn-community__hero .sn-community__eyebrow{color:#75d4ea}.sn-community__actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.sn-community__primary{background:#ef6c2f;border-color:#ef6c2f;color:#fff}.sn-community__primary:hover,.sn-community__primary:focus{background:#cf511c;border-color:#cf511c;color:#fff}.sn-community__member{color:#dcecf3;font-size:14px}.sn-community__toolbar{background:#fff;border:1px solid #dbe4e8;border-radius:14px;display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) 210px 160px;margin-bottom:20px;padding:12px}.sn-community__toolbar input,.sn-community__toolbar select,.sn-community__topic-form input,.sn-community__topic-form select,.sn-community__topic-form textarea{background:#fff;border:1px solid #cdd9df;border-radius:9px;color:#12212d;min-height:46px;padding:10px 13px;width:100%}.sn-community__layout{display:grid;gap:22px;grid-template-columns:290px minmax(0,1fr)}.sn-community__sidebar,.sn-community__main{background:#fff;border:1px solid #dbe4e8;border-radius:18px}.sn-community__sidebar{align-self:start;padding:22px;position:sticky;top:20px}.sn-community__sidebar h2{font-size:20px;margin:0 0 14px}.sn-community__categories{display:grid;gap:7px}.sn-community__category{align-items:flex-start;background:transparent;border:0;border-radius:10px;color:inherit;cursor:pointer;display:grid;gap:11px;grid-template-columns:30px 1fr;padding:10px;text-align:left;width:100%}.sn-community__category:hover,.sn-community__category.is-active{background:#eaf5f8;color:#075d78}.sn-community__category-icon{font-size:20px;line-height:1.2}.sn-community__category strong,.sn-community__category small{display:block}.sn-community__category small{color:#647581;font-size:12px;line-height:1.35;margin-top:3px}.sn-community__rules{border-top:1px solid #e3eaed;margin-top:20px;padding-top:18px}.sn-community__rules h3{font-size:15px;margin:0 0 8px}.sn-community__rules ul{color:#60727d;font-size:12px;line-height:1.5;margin:0;padding-left:18px}.sn-community__main{min-height:560px;padding:clamp(18px,3vw,30px)}.sn-community__main-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sn-community__main-head h2{font-size:26px;margin:0}.sn-community__connection{background:#eef3f5;border-radius:999px;color:#60727d;font-size:12px;padding:6px 10px}.sn-community__connection.is-online{background:#e6f6ed;color:#14743f}.sn-community__notice{background:#fff6e8;border:1px solid #f3d49f;border-radius:10px;color:#6d4b12;margin-bottom:16px;padding:13px 15px}.sn-community__topics{display:grid;gap:12px}.sn-community__topic{border:1px solid #dfe7ea;border-radius:13px;display:grid;gap:15px;grid-template-columns:46px minmax(0,1fr) auto;padding:18px;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.sn-community__topic:hover{border-color:#77bacc;transform:translateY(-1px)}.sn-community__avatar{align-items:center;background:#0c607b;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:800;height:42px;justify-content:center;width:42px}.sn-community__topic h3{color:#12212d;font-size:17px;margin:0 0 5px}.sn-community__topic-meta{color:#6d7d86;font-size:12px}.sn-community__badge{background:#edf6f8;border-radius:999px;color:#08647d;display:inline-block;font-size:11px;margin-right:7px;padding:3px 7px}.sn-community__topic-count{color:#60727d;font-size:12px;min-width:72px;text-align:right}.sn-community__skeleton{animation:sn-pulse 1.2s infinite alternate;background:#edf2f4;border-radius:13px;height:90px}.sn-community__load-more{background:transparent;border:1px solid #bac9cf;border-radius:9px;color:#15313f;cursor:pointer;margin:20px auto 0;min-height:44px;padding:8px 20px}.sn-community__dialog{border:0;border-radius:18px;box-shadow:0 24px 80px #0000003d;max-height:90vh;max-width:720px;padding:0;width:calc(100% - 30px)}.sn-community__dialog::backdrop{background:#04141db8}.sn-community__dialog-close-form{display:flex;justify-content:flex-end;margin:0}.sn-community__dialog-close-form button{background:transparent;border:0;cursor:pointer;font-size:30px;line-height:1;padding:15px 18px 0}.sn-community__topic-form{display:grid;gap:9px;padding:0 28px 28px}.sn-community__topic-form label{font-size:13px;font-weight:700;margin-top:6px}.sn-community__topic-form small{color:#687984}.sn-community__dialog-head h2{margin:0 0 6px}.sn-community__dialog-head p:last-child{color:#60727d;margin:0 0 8px}.sn-community__consent{align-items:flex-start;display:flex;gap:9px;line-height:1.45}.sn-community__consent input{min-height:20px;width:auto}.sn-community__form-status{color:#0d6b3a;margin:0}@keyframes sn-pulse{to{opacity:.48}}@media(max-width:850px){.sn-community{padding-bottom:42px}.sn-community__hero{border-radius:0 0 20px 20px;margin-left:-20px;margin-right:-20px;padding:38px 22px}.sn-community__toolbar,.sn-community__layout{grid-template-columns:1fr}.sn-community__sidebar{position:static}.sn-community__categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sn-community__categories{grid-template-columns:1fr}.sn-community__topic{grid-template-columns:40px 1fr;padding:14px}.sn-community__topic-count{grid-column:2;text-align:left}.sn-community__main-head{align-items:flex-start;gap:10px}}@media(prefers-reduced-motion:reduce){.sn-community__skeleton{animation:none}.sn-community__topic{transition:none}}.suonama-breadcrumb{padding-top:12px;padding-bottom:8px;font-size:14px}.suonama-breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.suonama-breadcrumb li:not(:last-child):after{content:"/";margin-left:6px}.suonama-breadcrumb [aria-current=page]{color:#5c5c5c}
/*# sourceMappingURL=/cdn/shop/t/78/compiled_assets/styles.css.map */