.roamviro-supplier-explainer{padding-block:64px;background:#fff4e5;color:#11283f}.roamviro-supplier-explainer__inner{width:100%;max-width:1120px;margin-inline:auto}.roamviro-supplier-explainer__header{margin-bottom:30px}.roamviro-supplier-explainer__header .roamviro-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:16px}.roamviro-supplier-explainer__header .roamviro-h2{max-width:22ch;font-size:clamp(38px,4.3vw,60px);line-height:.98;margin:0 0 20px}.roamviro-supplier-explainer__disclosure{padding:12px 16px;border-left:3px solid #ff9b52;background:#f1eade;color:#11283f;font:500 13px/1.55 Figtree,sans-serif;margin:0;max-width:82ch;border-radius:0 8px 8px 0}.roamviro-supplier-explainer__grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:32px;align-items:start}.roamviro-supplier-explainer__video-wrap{box-sizing:border-box;margin:0;width:100%;padding:14px;background:#11283f;border-radius:18px;border:1px solid #1e3b55}.roamviro-supplier-explainer__film-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 10px/1.4 IBM Plex Mono,monospace;color:#fff4e5;letter-spacing:.08em;padding:2px 2px 12px}.roamviro-supplier-explainer__film-header span:last-child{color:#ff9b52;font-variant-numeric:tabular-nums}.roamviro-supplier-explainer__video{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:10px;background:#11283f}.roamviro-supplier-explainer__video:focus-visible{outline:2px solid #ff9b52;outline-offset:4px}.roamviro-supplier-explainer__video-wrap figcaption{padding:12px 2px 2px;color:#becbd6;font:400 11px/1.55 Figtree,sans-serif;max-width:48ch}.roamviro-supplier-explainer__steps{display:grid;gap:12px;min-width:0}.roamviro-supplier-explainer__guide-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 5px}.roamviro-supplier-explainer__guide-heading p{font:500 10px/1.5 IBM Plex Mono,monospace;color:#a44310;letter-spacing:.08em;margin:0}.roamviro-supplier-explainer__guide-heading span{font:400 12px/1.5 Figtree,sans-serif;color:#617080}.roamviro-supplier-explainer__step{display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;padding:18px;border:1px solid #d9d1c4;border-radius:12px;background:#f1eade;align-items:center;min-width:0}.roamviro-supplier-explainer__step-media{position:relative;width:88px}.roamviro-supplier-explainer__step img{width:88px;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:8px;background:#fff4e5;display:block}.roamviro-supplier-explainer__badge{position:absolute;top:-8px;right:-9px;display:grid;place-items:center;width:28px;height:28px;background:#ff9b52;border:3px solid #f1eade;border-radius:50%;color:#11283f;font:600 10px/1 IBM Plex Mono,monospace}.roamviro-supplier-explainer__step h3{font:900 clamp(24px,2vw,30px)/1.05 "Big Shoulders Display",sans-serif;color:#11283f;margin:0 0 8px;text-transform:uppercase;overflow-wrap:anywhere}.roamviro-supplier-explainer__step p{font:400 13px/1.55 Figtree,sans-serif;color:#617080;margin:0;max-width:52ch}.roamviro-supplier-explainer__step .roamviro-supplier-explainer__number{font:500 9px/1.5 IBM Plex Mono,monospace;color:#a44310;margin-bottom:7px;letter-spacing:.08em}.roamviro-supplier-explainer__scope{font:400 12px/1.55 Figtree,sans-serif;color:#11283f;padding:12px 14px;background:#ffeadb;border-left:3px solid #ff9b52;border-radius:0 8px 8px 0;margin:3px 0 0}.roamviro-supplier-feedback{margin-top:28px;display:grid;grid-template-columns:158px minmax(0,1fr) 178px;gap:28px;padding:28px;border-radius:16px;background:#11283f;color:#fff4e5;align-items:center}.roamviro-supplier-feedback__score{font:900 64px/.95 Big Shoulders Display,sans-serif;color:#ff9b52;white-space:nowrap}.roamviro-supplier-feedback__denominator{font-size:30px;color:#fff4e5}.roamviro-supplier-feedback__score p{font:400 12px/1.5 Figtree,sans-serif;color:#becbd6;margin:10px 0 0;white-space:normal;max-width:16ch}.roamviro-supplier-feedback__context{border-left:1px solid #617080;padding-left:28px;min-width:0}.roamviro-supplier-feedback__context h3{font:900 27px/1.1 Big Shoulders Display,sans-serif;text-transform:uppercase;color:#fff4e5;margin:0 0 10px}.roamviro-supplier-feedback__context p{font:400 13px/1.55 Figtree,sans-serif;color:#becbd6;margin:0;max-width:65ch}.roamviro-supplier-feedback__context .roamviro-supplier-feedback__eyebrow{font:500 9px/1.5 IBM Plex Mono,monospace;color:#ff9b52;letter-spacing:.06em;margin-bottom:9px}.roamviro-supplier-feedback__link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;width:100%;color:#fff4e5;text-decoration:none;border-bottom:1px solid #ff9b52;padding:10px 0;font:500 12px/1.5 Figtree,sans-serif}.roamviro-supplier-feedback__link:hover{color:#ff9b52}.roamviro-supplier-feedback__link:focus-visible{outline:2px solid #ff9b52;outline-offset:5px}.roamviro-supplier-feedback__arrow{width:20px;height:20px;flex:none}@media(max-width:989px){.roamviro-supplier-explainer__grid{grid-template-columns:300px minmax(0,1fr);gap:24px}.roamviro-supplier-explainer__step{grid-template-columns:68px minmax(0,1fr);gap:16px;padding:16px}.roamviro-supplier-explainer__step-media,.roamviro-supplier-explainer__step img{width:68px}.roamviro-supplier-explainer__guide-heading span{display:none}.roamviro-supplier-feedback{grid-template-columns:140px minmax(0,1fr);gap:20px;padding:24px}.roamviro-supplier-feedback__action{grid-column:2}.roamviro-supplier-feedback__context{padding-left:20px}.roamviro-supplier-feedback__link{max-width:200px}}@media(max-width:749px){.roamviro-supplier-explainer{padding-block:44px}.roamviro-supplier-explainer__header .roamviro-h2{font-size:38px}.roamviro-supplier-explainer__grid{grid-template-columns:1fr;gap:24px}.roamviro-supplier-explainer__video-wrap{max-width:360px;margin-inline:auto;padding:12px}.roamviro-supplier-explainer__guide-heading{padding-bottom:4px}.roamviro-supplier-explainer__step{grid-template-columns:72px minmax(0,1fr);gap:18px}.roamviro-supplier-explainer__step-media,.roamviro-supplier-explainer__step img{width:72px}.roamviro-supplier-explainer__step h3{font-size:26px}.roamviro-supplier-explainer__step p{font-size:13px}.roamviro-supplier-feedback{grid-template-columns:1fr;gap:18px;padding:24px}.roamviro-supplier-feedback__score p{max-width:none}.roamviro-supplier-feedback__context{border-left:0;border-top:1px solid #617080;padding:18px 0 0}.roamviro-supplier-feedback__action{grid-column:1}.roamviro-supplier-feedback__link{max-width:none}.roamviro-supplier-explainer__disclosure{font-size:13px}.roamviro-supplier-feedback__score{font-size:58px}}@media(max-width:359px){.roamviro-supplier-explainer__step{grid-template-columns:60px minmax(0,1fr);gap:14px;padding:14px}.roamviro-supplier-explainer__step-media,.roamviro-supplier-explainer__step img{width:60px}.roamviro-supplier-explainer__step h3{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/roamviro-supplier-explainer-20261012.css.map */