.bsds-box[data-bsds-exercise="triangle"]{--ink:#153b40;--blue:#e7deeb;--blue-deep:#bba8c9;--blue-pale:#f5f0f7;width:100%;min-width:0;text-align:center;color:var(--ink);font-family:inherit} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__stage{position:relative;width:min(100%,440px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__svg{width:100%;height:100%;overflow:visible} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__track{fill:var(--blue-pale);stroke:var(--blue);stroke-width:15} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__progress{fill:none;stroke:var(--blue-deep);stroke-width:15;stroke-linecap:round} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__dot{fill:var(--ink);stroke:#fff;stroke-width:4} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__center{position:absolute;inset:24%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__phase{font-size:clamp(18px,3vw,27px);line-height:1.2} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__time{font-size:clamp(15px,2.5vw,19px)} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__controls{display:flex;justify-content:center;gap:clamp(14px,5vw,55px);margin:16px 0 0} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__control{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:64px;padding:0;background:none!important;border:0!important;box-shadow:none!important;font:inherit;font-size:15px;color:var(--ink)!important;cursor:pointer} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__icon{width:66px;height:66px;border-radius:50%;border:1px solid #d8e1dc;background:#fff;display:grid;place-items:center;font-size:27px} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__control--primary .bsds-box__icon{background:var(--ink);color:#fff;border-color:var(--ink)} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__control:disabled{opacity:.4;cursor:not-allowed} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__control:focus-visible{outline:3px solid var(--ink);outline-offset:5px;border-radius:8px} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__settings{margin-top:22px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:15px} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__settings select{font:inherit;border:1px solid #d8c9df;border-radius:9px;background:#fff;color:var(--ink);padding:8px 12px;max-width:100%} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__status{font-size:14px;line-height:1.5;margin:22px 0 0} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__label{font-size:11px;fill:var(--ink);font-family:Arial,sans-serif;font-weight:600;letter-spacing:.02em}
@media (max-width:750px){ .bsds-box[data-bsds-exercise="triangle"] .bsds-box__icon{width:56px;height:56px} .bsds-box[data-bsds-exercise="triangle"] .bsds-box__controls{gap:16px}}
@media (prefers-reduced-motion:reduce){ .bsds-box[data-bsds-exercise="triangle"] .bsds-box__dot{transition:none!important}}