.section-examples__title{margin-top:0;margin-bottom:24px;padding:0;text-transform:capitalize}.section-examples-blocks{display:flex;gap:20px;overflow:auto}.kr--seb-container .section-examples__title{margin-bottom:30px}@media screen and (max-width:1045px){.kr--seb-container{padding:0}.section-examples__title{padding-left:calc(var(--gap, 8px) * 2);padding-right:calc(var(--gap, 8px) * 2)}.section-examples-blocks{gap:10px;padding-inline-start:10px;padding-inline-end:10px}}.section-examples-block{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:calc(25% - 15px);min-height:220px;height:auto;aspect-ratio:.78;padding:20px;border-radius:10px;overflow:hidden;box-sizing:border-box;border:1px solid rgba(0,0,0,.2)}.section-examples-block__img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all .3s}.section-examples-block__text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:6px 10px;color:#fff;font-size:18px;line-height:1.2;text-transform:uppercase;letter-spacing:.55px;background:linear-gradient(90deg,#0000,#000000b0,#00000010)}.section-examples-block__btns{position:relative;display:flex;width:100%;padding:5px;background:#ffffffad;border-radius:25px;overflow:hidden;justify-content:center;align-items:center}.section-examples-block__btn-bg{position:absolute;left:6px;width:50%;top:50%;transform:translateY(-50%);height:calc(100% - 12px);background:#2d3e40;border-radius:25px;z-index:1;transition:transform .3s;pointer-events:none}.section-examples-block__btn{flex:1 1 50%;padding:7px 0;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;z-index:2;color:#2d3e40;transition:color .3s;font-weight:500;letter-spacing:2.56px;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-size:15px;opacity:.9}.section-examples-block__btn.active{color:#fff}.section-examples-block__btn[data-btn=after].active~.section-examples-block__btn[data-btn=before]{color:#000}.section-examples-block__btn[data-btn=before].active~.section-examples-block__btn[data-btn=after]{color:#000}.section-examples-block__img{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.section-examples-block__img.active{opacity:1;pointer-events:auto}@media (max-width: 1045px){.section-examples-block{min-width:291px}.section-examples-block__btn{letter-spacing:1px}}@media (max-width: 580px){.section-examples__title{margin-bottom:20px!important}.section-examples-block{padding:10px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-examples.css.map */