.figma-scene-solutions{--fss-background: #0d0d0d;--fss-heading-color: #ffffff;--fss-intro-color: #a0a0a0;--fss-accent-color: #e2a85c;--fss-accent-text-color: #141414;--fss-panel-background: #262626;--fss-panel-muted-color: #adadad;--fss-panel-width: 28%;--fss-scene-height: 420px;--fss-mobile-scene-height: 300px;--fss-image-position: center center;--fss-radius: 8px;--fss-padding-top: 56px;--fss-padding-bottom: 64px;--fss-mobile-padding-top: 36px;--fss-mobile-padding-bottom: 40px;background:var(--fss-background);color:var(--fss-heading-color);display:block;font-family:Inter,Arial,sans-serif;overflow:hidden;width:100%}.figma-scene-solutions *{box-sizing:border-box}.figma-scene-solutions__inner{margin:0 auto;max-width:1474px;padding:var(--fss-padding-top) 24px var(--fss-padding-bottom)}.figma-scene-solutions__header{align-items:flex-end;display:flex;gap:40px;justify-content:space-between}.figma-scene-solutions__headline{min-width:0}.figma-scene-solutions__eyebrow{color:var(--fss-accent-color);font-family:Inter,Arial,sans-serif;font-size:20px;font-style:normal;font-weight:300;letter-spacing:1px;line-height:normal;margin:0 0 12px;text-transform:uppercase}.figma-scene-solutions__heading{color:var(--fss-heading-color);font-family:Inter,Arial,sans-serif;font-size:34px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:65px;margin:0}.figma-scene-solutions__intro{color:var(--fss-intro-color);flex:0 1 340px;font-family:Inter,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:400;letter-spacing:.18px;line-height:26px;margin:0 0 2px;text-align:right}.figma-scene-solutions__tabs{display:flex;flex-wrap:wrap;gap:10px 36px;margin-top:34px}.figma-scene-solutions__tab{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:1px solid transparent;color:#8c8c8c;cursor:pointer;font-family:inherit;font-size:18px;font-weight:400;letter-spacing:.01em;line-height:1.3;margin:0;padding:0 0 10px;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.figma-scene-solutions__tab:hover{color:var(--fss-heading-color)}.figma-scene-solutions__tab[aria-selected=true]{border-bottom-color:var(--fss-heading-color);color:var(--fss-heading-color)}.figma-scene-solutions__tab:focus-visible{outline:2px solid var(--fss-accent-color);outline-offset:4px}.figma-scene-solutions__stage{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) var(--fss-panel-width);margin-top:26px;min-height:var(--fss-scene-height)}.figma-scene-solutions__media{background-color:#151515;border-radius:var(--fss-radius) 0 0 var(--fss-radius);grid-area:1 / 1 / 2 / 2;overflow:hidden;position:relative}.figma-scene-solutions__media[data-active=false]{opacity:0;pointer-events:none;visibility:hidden}.figma-scene-solutions__image{display:block;height:auto;min-height:100%;object-fit:cover;object-position:var(--fss-image-position);width:100%}.figma-scene-solutions__placeholder{display:block;height:100%;min-height:var(--fss-scene-height);object-fit:cover;width:100%}.figma-scene-solutions__image--mobile{display:none}.figma-scene-solutions__media-scroll{height:100%;overflow:hidden;width:100%}.figma-scene-solutions__media-canvas{display:flex;height:100%;position:relative;width:100%}.figma-scene-solutions__drag-hint{display:none}.figma-scene-solutions__panel{background:var(--fss-panel-background);border-radius:0 var(--fss-radius) var(--fss-radius) 0;display:flex;flex-direction:column;grid-area:1 / 2 / 2 / 3;min-width:0;overflow-y:auto;padding:26px 22px 24px;scrollbar-width:thin}.figma-scene-solutions__panel[data-active=false]{opacity:0;pointer-events:none;visibility:hidden}.figma-scene-solutions__panel-eyebrow{color:var(--fss-accent-color);font-size:11px;font-weight:500;letter-spacing:.16em;line-height:1.2;margin:0;text-transform:uppercase}.figma-scene-solutions__panel-title{color:var(--fss-heading-color);font-size:clamp(20px,1.6vw,26px);font-weight:500;letter-spacing:-.01em;line-height:1.2;margin:10px 0 0}.figma-scene-solutions__panel-text{color:var(--fss-panel-muted-color);font-size:12.5px;font-weight:400;line-height:1.65;margin:12px 0 0}.figma-scene-solutions__panel-rule{background:#ffffff24;border:0;height:1px;margin:20px 0;width:100%}.figma-scene-solutions__panel-label{color:var(--fss-heading-color);font-size:12.5px;font-weight:600;line-height:1.3;margin:0 0 10px}.figma-scene-solutions__panel-label--benefit{margin-top:20px}.figma-scene-solutions__products{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.figma-scene-solutions__product{margin:0;padding:0}.figma-scene-solutions__product-link{color:var(--fss-panel-muted-color);font-size:12.5px;font-weight:400;line-height:1.4;text-decoration:none;transition:color .18s ease}.figma-scene-solutions__product-link:hover{color:var(--fss-heading-color);text-decoration:underline;text-underline-offset:3px}.figma-scene-solutions__product-link:focus-visible{outline:2px solid var(--fss-accent-color);outline-offset:3px}.figma-scene-solutions__benefit{color:var(--fss-panel-muted-color);font-size:12.5px;font-weight:400;line-height:1.6;margin:0}.figma-scene-solutions__cta{align-items:center;-webkit-appearance:none;appearance:none;background:var(--fss-accent-color);border:0;border-radius:4px;color:var(--fss-accent-text-color);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.2;margin-top:auto;min-height:46px;padding:12px 20px;text-align:center;text-decoration:none;transition:background-color .2s ease,opacity .2s ease;width:100%}.figma-scene-solutions__panel:not([data-active=true]) .figma-scene-solutions__cta{margin-top:26px}.figma-scene-solutions__cta:hover{filter:brightness(1.08)}.figma-scene-solutions__cta:focus-visible{outline:2px solid var(--fss-heading-color);outline-offset:3px}.figma-scene-solutions__cta[disabled]{cursor:wait;opacity:.7}.figma-scene-solutions__cta-spinner{animation:fss-spin .7s linear infinite;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;display:none;height:14px;width:14px}.figma-scene-solutions__cta.is-loading .figma-scene-solutions__cta-spinner{display:block}@keyframes fss-spin{to{transform:rotate(360deg)}}@media(max-width:1199px){.figma-scene-solutions{--fss-panel-width: 30%;--fss-scene-height: 400px}}@media(max-width:989px){.figma-scene-solutions__inner{padding:var(--fss-mobile-padding-top) 24px var(--fss-mobile-padding-bottom)}.figma-scene-solutions__header{align-items:flex-start;flex-direction:column;gap:14px}.figma-scene-solutions__intro{flex:0 1 auto;font-size:13px;letter-spacing:normal;line-height:1.7;text-align:left}}@media(max-width:749px){.figma-scene-solutions{--fss-scene-height: var(--fss-mobile-scene-height)}.figma-scene-solutions__tabs{flex-wrap:nowrap;margin-top:26px;overflow-x:auto;scrollbar-width:none}.figma-scene-solutions__tabs::-webkit-scrollbar{display:none}.figma-scene-solutions__stage{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--fss-mobile-scene-height) auto;min-height:0}.figma-scene-solutions__media{border-radius:var(--fss-radius) var(--fss-radius) 0 0;grid-area:1 / 1 / 2 / 2}.figma-scene-solutions__image--mobile{display:block}.figma-scene-solutions__media--responsive .figma-scene-solutions__image--desktop{display:none}.figma-scene-solutions__media-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.figma-scene-solutions__media-scroll::-webkit-scrollbar{display:none}.figma-scene-solutions__media-scroll:focus-visible{outline:2px solid var(--fss-accent-color);outline-offset:-2px}.figma-scene-solutions__media-canvas{width:max(100%,394px,var(--fss-mobile-canvas-width, 0px))}.figma-scene-solutions__image{height:100%;min-height:0}.figma-scene-solutions__placeholder{min-height:var(--fss-mobile-scene-height)}.figma-scene-solutions__drag-hint{align-items:center;background:#ffffff3d;border:1px solid rgba(255,255,255,.42);border-radius:10px;box-sizing:border-box;color:#fff;display:flex;gap:10px;height:20px;justify-content:center;left:32px;pointer-events:none;position:absolute;right:32px;text-shadow:0 1px 3px rgba(0,0,0,.3);top:11px;z-index:4}.figma-scene-solutions__drag-hint-text{color:inherit;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-scene-solutions__drag-hint-icon{display:block;flex:0 0 auto;filter:drop-shadow(0 1px 3px rgba(0,0,0,.28));height:18px;width:18px}.figma-scene-solutions--no-drag-hint .figma-scene-solutions__drag-hint,.figma-scene-solutions__drag-hint--hidden{display:none}.figma-scene-solutions__panel{border-radius:0 0 var(--fss-radius) var(--fss-radius);grid-area:2 / 1 / 3 / 2;overflow-y:visible;padding:22px 20px}.figma-scene-solutions__cta{margin-top:26px}}@media(max-width:749px){.figma-scene-solutions__inner{padding-inline:18px}.figma-scene-solutions__tabs{gap:10px 26px;margin-inline:-18px;padding-inline:18px}.figma-scene-solutions__tab{font-size:14px}.figma-scene-solutions__heading{font-size:20px;font-style:normal;font-weight:500;line-height:normal}.figma-scene-solutions__eyebrow{font-size:14px;font-weight:300;letter-spacing:.7px}.figma-scene-solutions__cta{min-height:44px}}@media(prefers-reduced-motion:reduce){.figma-scene-solutions__tab,.figma-scene-solutions__media,.figma-scene-solutions__panel,.figma-scene-solutions__product-link,.figma-scene-solutions__cta{transition:none}.figma-scene-solutions__cta-spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/figma-scene-solutions.css.map */