.figma-ideal-space{--figma-ideal-space-bg: #ffffff;--figma-ideal-space-mobile-viewport-height: 550px;--figma-ideal-space-mobile-canvas-width: max(394px, calc(var(--figma-ideal-space-mobile-viewport-height) * 2));--figma-ideal-space-scene-height: 710px;--figma-ideal-space-mobile-scene-height: 550px;--figma-ideal-space-background-position: center center;--figma-ideal-space-nav-margin-top: 30px;--figma-ideal-space-scene-margin-top: 25px;--figma-ideal-space-padding-top: 50px;--figma-ideal-space-padding-bottom: 60px;--figma-ideal-space-mobile-padding-top: 36px;--figma-ideal-space-mobile-padding-bottom: 38px;--figma-ideal-space-text: #202428;--figma-ideal-space-muted: #434342;--figma-ideal-space-soft: rgba(255, 255, 255, .86);--figma-ideal-space-blue: #243f90;background:var(--figma-ideal-space-bg);color:var(--figma-ideal-space-text);overflow:hidden;width:100%}.figma-ideal-space .figma-ideal-space__inner{box-sizing:border-box;margin:0 auto;max-width:1474px;padding:var(--figma-ideal-space-padding-top) 24px var(--figma-ideal-space-padding-bottom)}.figma-ideal-space .figma-ideal-space__heading{color:#202428;font-family:Inter,Arial,sans-serif;font-size:34px;font-weight:500;line-height:1.2;margin:0;text-align:center}.figma-ideal-space .figma-ideal-space__subheading{color:var(--figma-ideal-space-muted);font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.25;margin:8px auto 0;max-width:720px;text-align:center}.figma-ideal-space .figma-ideal-space__nav{align-items:center;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-top:var(--figma-ideal-space-nav-margin-top)}.figma-ideal-space .figma-ideal-space__tabs{align-items:center;display:flex;gap:48px;grid-column:2;justify-content:center}.figma-ideal-space .figma-ideal-space__tab{background:transparent;border:0;border-bottom:1px solid transparent;color:#696969;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.2;padding-bottom:5px;padding-left:0;padding-right:0;text-decoration:none;white-space:nowrap}.figma-ideal-space .figma-ideal-space__tab[aria-selected=true]{border-bottom:1px solid #111111;color:#000;font-weight:400}.figma-ideal-space .figma-ideal-space__tab:focus-visible{outline:2px solid #111111;outline-offset:4px}.figma-ideal-space .figma-ideal-space__view-more{color:#696969;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:300;grid-column:3;justify-self:end;line-height:1.2;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.figma-ideal-space .figma-ideal-space__scene{border-radius:10px;margin-top:var(--figma-ideal-space-scene-margin-top);min-height:var(--figma-ideal-space-scene-height);overflow:hidden;position:relative}.figma-ideal-space .figma-ideal-space__scene-scroll{top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute}.figma-ideal-space .figma-ideal-space__scene-canvas{height:100%;position:relative;width:100%}.figma-ideal-space .figma-ideal-space__drag-hint{display:none}.figma-ideal-space .figma-ideal-space__scene-layer{top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .22s ease,visibility .22s ease;visibility:hidden;z-index:0}.figma-ideal-space .figma-ideal-space__scene-layer[data-active=true]{opacity:1;visibility:visible}.figma-ideal-space .figma-ideal-space__background{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;z-index:0}.figma-ideal-space .figma-ideal-space__background img{display:block;height:100%;object-fit:cover;object-position:var(--figma-ideal-space-background-position);width:100%}.figma-ideal-space .figma-ideal-space__placeholder{align-items:center;background:#eee;color:#777;display:flex;font-family:Inter,Arial,sans-serif;font-size:14px;height:100%;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;width:100%;z-index:0}.figma-ideal-space .figma-ideal-space__hotspot{left:var(--hotspot-x);opacity:0;pointer-events:none;position:absolute;top:var(--hotspot-y);transform:translate(-50%,-50%);transition:opacity .18s ease,visibility .18s ease;visibility:hidden;z-index:2}.figma-ideal-space .figma-ideal-space__hotspot[data-active=true]{opacity:1;pointer-events:auto;visibility:visible}.figma-ideal-space .figma-ideal-space__dot{align-items:center;background:#ffffff75;border:0;border-radius:999px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;width:36px}.figma-ideal-space .figma-ideal-space__dot:before{background:#fff;border-radius:999px;box-shadow:0 0 0 4px #ffffff73;content:"";display:block;height:10px;width:10px}.figma-ideal-space .figma-ideal-space__dot:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.figma-ideal-space .figma-ideal-space__product-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 18px 40px #00000024;display:grid;gap:21px;grid-template-columns:94px minmax(0,1fr);left:50%;min-height:119px;opacity:0;padding:13px 17px 12px 18px;pointer-events:none;position:absolute;bottom:calc(100% + 12px);transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;visibility:hidden;width:321px;z-index:3}.figma-ideal-space .figma-ideal-space__hotspot[data-card-open=true] .figma-ideal-space__product-card,.figma-ideal-space .figma-ideal-space__hotspot:hover .figma-ideal-space__product-card,.figma-ideal-space .figma-ideal-space__hotspot:focus-within .figma-ideal-space__product-card{opacity:1;pointer-events:auto;transform:translate(-50%);visibility:visible}.figma-ideal-space .figma-ideal-space__product-media{align-items:center;display:flex;height:94px;justify-content:center;overflow:hidden;width:94px}.figma-ideal-space .figma-ideal-space__product-media img{display:block;height:100%;object-fit:cover;width:100%}.figma-ideal-space .figma-ideal-space__product-content{min-width:0}.figma-ideal-space .figma-ideal-space__product-title{color:#000;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.2;margin:0}.figma-ideal-space .figma-ideal-space__product-option{color:#777776;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.2;margin:4px 0 0}.figma-ideal-space .figma-ideal-space__product-actions{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-top:13px}.figma-ideal-space .figma-ideal-space__product-actions form{margin:0}.figma-ideal-space .figma-ideal-space__product-price{color:#000;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.2;margin:0}.figma-ideal-space .figma-ideal-space__product-compare{color:#777776;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.2;margin:2px 0 0;text-decoration:line-through}.figma-ideal-space .figma-ideal-space__cart-button{align-items:center;background:transparent;border:0;color:#134bd6;cursor:pointer;display:inline-flex;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;gap:7px;line-height:1.2;margin-top:0;padding:0;white-space:nowrap}.figma-ideal-space .figma-ideal-space__cart-button[disabled]{cursor:not-allowed;opacity:.45}.figma-ideal-space .figma-ideal-space__cart-button.is-loading{opacity:.72}.figma-ideal-space .figma-ideal-space__cart-label{text-decoration:underline;text-underline-offset:3px}.figma-ideal-space .figma-ideal-space__cart-spinner{animation:figma-ideal-space-cart-spin .7s linear infinite;border:2px solid currentColor;border-radius:999px;border-right-color:transparent;display:none;flex:0 0 auto;height:12px;width:12px}.figma-ideal-space .figma-ideal-space__cart-button.is-loading .figma-ideal-space__cart-spinner{display:inline-block}.figma-ideal-space .figma-ideal-space__product-arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff;bottom:-8px;content:"";display:block;height:0;left:50%;position:absolute;transform:translate(-50%);width:0}@keyframes figma-ideal-space-cart-spin{to{transform:rotate(360deg)}}.figma-ideal-space .figma-ideal-space__info-panel{background:#fffc;border-radius:6px;box-sizing:border-box;color:#161817;display:flex;flex-direction:column;height:552px;padding:24px;position:absolute;right:13px;top:81px;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:min(333px,calc(100% - 36px));z-index:1}.figma-ideal-space .figma-ideal-space__info-panel[data-active=true]{opacity:1;pointer-events:auto;visibility:visible}.figma-ideal-space .figma-ideal-space__eyebrow{color:#777776;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.25;margin:0;text-transform:uppercase}.figma-ideal-space .figma-ideal-space__panel-title{color:#161817;font-family:Inter,Arial,sans-serif;font-size:36px;font-weight:500;line-height:1.05;margin:4px 0 0}.figma-ideal-space .figma-ideal-space__panel-copy,.figma-ideal-space .figma-ideal-space__panel-products,.figma-ideal-space .figma-ideal-space__panel-benefit{color:var(--figma-ideal-space-muted);font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.25;margin:10px 0 0}.figma-ideal-space .figma-ideal-space__panel-rule{border:0;border-top:1px solid rgba(0,0,0,.45);margin:28px 0 15px;width:100%}.figma-ideal-space .figma-ideal-space__panel-label{color:#777776;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.25;margin:0}.figma-ideal-space .figma-ideal-space__panel-label--benefit{margin-top:26px}.figma-ideal-space .figma-ideal-space__panel-products{color:#161817;line-height:24px;margin-top:8px;white-space:pre-line}.figma-ideal-space .figma-ideal-space__panel-products--mobile{display:none}.figma-ideal-space .figma-ideal-space__panel-benefit{color:#161817;margin-top:8px}.figma-ideal-space .figma-ideal-space__panel-cta{align-items:center;background:var(--figma-ideal-space-blue);border:0;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:600;gap:10px;justify-content:center;line-height:1.2;margin-top:18px;min-height:54px;padding:0 18px;text-decoration:none;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;width:100%}.figma-ideal-space .figma-ideal-space__panel-cta:hover{background:#18327f;box-shadow:0 10px 24px #1f377c38;transform:translateY(-1px)}.figma-ideal-space .figma-ideal-space__panel-cta:focus-visible{outline:2px solid #111111;outline-offset:3px}.figma-ideal-space .figma-ideal-space__panel-cta[disabled]{cursor:not-allowed;opacity:.58}.figma-ideal-space .figma-ideal-space__panel-cta.is-loading .figma-ideal-space__cart-spinner{display:inline-block}@media(max-width:989px){.figma-ideal-space .figma-ideal-space__inner{padding:42px 18px 44px}.figma-ideal-space .figma-ideal-space__nav{display:block;margin-top:22px}.figma-ideal-space .figma-ideal-space__tabs{justify-content:flex-start;gap:28px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.figma-ideal-space .figma-ideal-space__tabs::-webkit-scrollbar{display:none}.figma-ideal-space .figma-ideal-space__view-more{display:none}.figma-ideal-space .figma-ideal-space__scene{min-height:var(--figma-ideal-space-mobile-scene-height)}.figma-ideal-space .figma-ideal-space__info-panel{bottom:18px;padding:22px;right:18px;top:auto;width:min(320px,calc(100% - 36px))}.figma-ideal-space .figma-ideal-space__panel-title{font-size:28px}}@media(max-width:749px){.figma-ideal-space .figma-ideal-space__inner{padding:var(--figma-ideal-space-mobile-padding-top) 0 var(--figma-ideal-space-mobile-padding-bottom)}.figma-ideal-space .figma-ideal-space__header,.figma-ideal-space .figma-ideal-space__nav{padding:0 14px}.figma-ideal-space .figma-ideal-space__header{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.figma-ideal-space .figma-ideal-space__heading{font-size:26px;font-weight:500;text-align:center}.figma-ideal-space .figma-ideal-space__subheading{font-size:14px;margin:0;max-width:320px;text-align:center}.figma-ideal-space .figma-ideal-space__scene{border-radius:0;box-sizing:border-box;margin-top:18px;min-height:0;overflow:visible;padding:0 14px}.figma-ideal-space .figma-ideal-space__scene-scroll{-webkit-overflow-scrolling:touch;border-radius:12px;height:var(--figma-ideal-space-mobile-viewport-height);overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;width:100%}.figma-ideal-space .figma-ideal-space__scene-scroll::-webkit-scrollbar{display:none}.figma-ideal-space .figma-ideal-space__scene-canvas{height:100%;min-width:var(--figma-ideal-space-mobile-canvas-width);width:var(--figma-ideal-space-mobile-canvas-width)}.figma-ideal-space .figma-ideal-space__drag-hint{align-items:center;background:#4343424d;border:1px solid #cccccc;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;top:11px;z-index:4}.figma-ideal-space .figma-ideal-space__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-ideal-space .figma-ideal-space__drag-hint-icon{display:block;flex:0 0 auto;height:18px;width:18px}.figma-ideal-space .figma-ideal-space__nav{margin-top:18px}.figma-ideal-space .figma-ideal-space__tabs{display:grid;gap:10px 12px;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-bottom:0}.figma-ideal-space .figma-ideal-space__tab{align-items:center;border:1px solid #cccccc;border-radius:6px;display:flex;font-size:12px;font-weight:400;height:30px;justify-content:center;padding:0 10px;width:100%}.figma-ideal-space .figma-ideal-space__tab[aria-selected=true]{background:var(--figma-ideal-space-blue);border-color:var(--figma-ideal-space-blue);color:#fff}.figma-ideal-space .figma-ideal-space__dot{height:32px;width:32px}.figma-ideal-space .figma-ideal-space__product-card{grid-template-columns:94px minmax(0,1fr);left:50%;max-width:calc(100vw - 32px);min-height:64px;padding:8px 16px;width:358px}.figma-ideal-space .figma-ideal-space__product-media{height:94px;width:94px}.figma-ideal-space .figma-ideal-space__info-panel{background:#fff;border:1px solid #d8d8d8;border-radius:12px;bottom:auto;box-shadow:none;display:none;height:auto;margin:14px 0 0;opacity:1;padding:14px;pointer-events:auto;position:relative;right:auto;top:auto;visibility:visible;width:auto}.figma-ideal-space .figma-ideal-space__info-panel[data-active=true]{display:block}.figma-ideal-space .figma-ideal-space__panel-title{font-size:27px;font-weight:700}.figma-ideal-space .figma-ideal-space__eyebrow,.figma-ideal-space .figma-ideal-space__panel-label{font-size:10px}.figma-ideal-space .figma-ideal-space__panel-label{color:#134bd6;text-transform:none}.figma-ideal-space .figma-ideal-space__panel-label--products,.figma-ideal-space .figma-ideal-space__panel-label--benefit{margin-top:12px}.figma-ideal-space .figma-ideal-space__panel-copy,.figma-ideal-space .figma-ideal-space__panel-benefit,.figma-ideal-space .figma-ideal-space__panel-products{display:block;font-size:14px;line-height:1.45;margin-top:8px}.figma-ideal-space .figma-ideal-space__panel-products{color:#1a1a1a;line-height:20px;white-space:normal}.figma-ideal-space .figma-ideal-space__panel-products--desktop{display:none}.figma-ideal-space .figma-ideal-space__panel-products--mobile{display:block}.figma-ideal-space .figma-ideal-space__panel-copy{color:#434342;font-size:12px}.figma-ideal-space .figma-ideal-space__panel-rule,.figma-ideal-space .figma-ideal-space__panel-cta{display:none}.figma-ideal-space .figma-ideal-space__panel-cta{font-size:15px;min-height:44px}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/figma-ideal-space-hotspots.css.map */