:root{--brand-blue: #053fe6;--brand-navy: #08264c}.header{background:#fffffff7;border-bottom:1px solid #dde5ef;color:var(--brand-navy)}.wordmark{flex:0 0 auto;gap:0;line-height:0}.staipl-logo{display:block;width:clamp(175px,16.5vw,215px);height:auto;aspect-ratio:53 / 13;object-fit:cover}.nav{color:#344a68}.nav a:after{background:var(--brand-blue)}.small-cta{background:var(--brand-navy);color:#fff}.small-cta:hover{background:var(--brand-blue)}.motion-control span,.menu-toggle span{background:var(--brand-navy)}.header :focus-visible{outline-color:var(--brand-blue)}.hero-content .button{pointer-events:auto}.accessory-photo-preview{width:clamp(136px,13.5vw,174px);border:1px solid #e2e8f2;border-radius:6px;background:#fff;box-shadow:0 12px 32px #0002}.accessory-photo-preview>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:12px;background:#fff}.accessory-photo-preview>span{padding:11px 10px;color:#3c577d;background:#edf2f9;line-height:1.5}.spin-drag-area>img{object-fit:contain;padding:8px}.photo-dialog>img{object-fit:contain}.closing-word{font-size:clamp(150px,25vw,440px);right:2%;bottom:-3%;letter-spacing:-.075em}.footer{background:#fff;border-color:#dce4ef;color:#667a96;align-items:center}.footer-brand{flex:0 0 auto;color:var(--brand-navy)}.footer-brand>img{display:block;width:210px;height:auto;object-fit:contain}.footer-brand>span{margin-top:13px;color:#667a96}.footer>div>a{color:#344e72}.footer :focus-visible{outline-color:var(--brand-blue)}@media(max-width:1100px){.staipl-logo{width:175px}.nav{gap:18px;font-size:10px}.header-actions{gap:13px}}@media(max-width:820px){.staipl-logo{width:180px}.nav{background:#fff;border-color:#dce4ef}.nav a{font-size:14px}.accessory-photo-preview{width:125px}}@media(max-width:520px){.header{gap:10px}.staipl-logo{width:145px}.header-actions{gap:8px}.small-cta{font-size:10px;padding:10px}.accessory-photo-preview{width:105px}.accessory-photo-preview>img{padding:8px}.accessory-photo-preview>span{font-size:7px;padding:9px 6px}.footer-brand>img{width:190px}.closing-word{bottom:0;font-size:25vw}}@media(max-width:380px){.header-actions .small-cta{display:none}.staipl-logo{width:155px}}.photo-model{position:absolute;top:66px;right:0;bottom:56px;left:0;width:100%;height:calc(100% - 122px);border:0;z-index:2;background:transparent}.photo-model[hidden]{display:none!important}.size-stage.show-photo-model #size-canvas,.size-stage.show-photo-model .stage-grid-label{visibility:hidden}.size-stage.show-photo-model{min-height:590px}.size-stage.show-photo-model .huge-size-number{z-index:1;right:4%;top:5%;opacity:.75}.size-stage.show-photo-model .stage-footer{z-index:3}.size-stage.show-photo-model .view-switch{z-index:4}@media(max-width:680px){.size-stage.show-photo-model{min-height:560px}.photo-model{top:76px;right:0;bottom:62px;left:0;height:calc(100% - 138px)}}.accessory-size-number{position:absolute;right:2%;top:22%;font-size:clamp(180px,24vw,360px);font-weight:600;line-height:.9;letter-spacing:-.1em;color:#9ebcff;opacity:.07;pointer-events:none}.accessory-stage .micro-label,.assembly-note{z-index:2}.accessory-stage .bin-canvas{z-index:1}@media(max-width:820px){.accessory-size-number{top:17%;font-size:270px}}@media(max-width:520px){.accessory-size-number{font-size:200px;top:19%}}.accessories .accessory-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:6%;align-items:start}.accessories .accessory-stage{height:650px;min-height:0;align-self:start;border-radius:22px;overflow:hidden;background:transparent;box-shadow:none}.accessories .accessory-stage:before,.accessories .accessory-stage:after{display:none}.accessories .accessory-stage>.micro-label{top:28px;left:28px;font-size:9px;color:#8397b9;letter-spacing:.12em}.accessories .accessory-size-number{right:5%;top:7%;font-size:clamp(210px,25vw,360px);color:#9ebcff;opacity:.1}.accessories .accessory-stage .bin-canvas{top:55px;right:0;bottom:104px;left:0;width:100%;height:calc(100% - 159px);touch-action:pan-y;cursor:grab;outline-offset:-6px}.accessories .accessory-stage .bin-canvas:active{cursor:grabbing}.accessories .assembly-note{left:28px;bottom:70px;max-width:calc(100% - 56px);color:#a4b5d0;font-size:10px;line-height:1.5}.accessories .assembly-note .status-dot{background:#b0c8ff;flex:0 0 auto}.assembly-toolbar{position:absolute;z-index:4;left:23px;right:23px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.assembly-views,.assembly-camera{display:flex;gap:3px;padding:4px;background:#172238aa;border:1px solid #334768;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.assembly-toolbar button{min-height:33px;padding:8px 12px;font-size:10px;border-radius:7px;background:transparent;color:#adc0dd}.assembly-views button[aria-pressed=true]{background:#b0c8ff;color:#0d2444}.assembly-toolbar button:hover{background:#2c405f;color:#e0e9fa}.assembly-views button[aria-pressed=true]:hover{background:#c7d8fa;color:#0d2444}.assembly-camera button{width:33px;padding:6px;font-size:18px}.assembly-hint{position:absolute;right:26px;bottom:76px;color:#738aab;font-size:8px;z-index:2}.accessories .accessory-content h2{font-size:clamp(40px,4vw,59px);line-height:1.08;margin-bottom:22px;letter-spacing:-.055em}.accessories .accessory-content h2 br{display:initial}.accessories .accessory-content .eyebrow{font-size:9px;margin:4px 0 25px}.accessories .accessory-content>p{max-width:350px;line-height:1.8}.accessories .accessory-controls{margin-top:22px}.accessories .accessory-controls>button{padding-top:17px;padding-bottom:17px}.accessories .accessory-controls strong{font-size:13px}.accessories .accessory-controls small{font-size:9px;line-height:1.5;margin-top:6px}.accessories .accessory-caption{font-size:9px;line-height:1.8}.divider-count-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;font-size:10px;color:#c2d1e7}.divider-count-row[hidden]{display:none!important}.divider-count-row small{display:block;margin-top:6px;font-size:9px;color:#7e96bb}.divider-count-row select{width:126px;min-height:40px;background:#172238;color:var(--paper);border-color:#334768;font-size:11px;padding:9px 10px}@media(max-width:1100px){.accessories .accessory-layout{grid-template-columns:minmax(0,1.15fr) minmax(290px,1fr);gap:5%}.accessories .accessory-stage{height:620px}.assembly-hint{display:none}}@media(max-width:820px){.accessories .accessory-layout{display:grid;grid-template-columns:1fr;gap:30px}.accessories .accessory-content{order:0}.accessories .accessory-stage{order:1;margin-top:0;width:100%;height:530px}.accessories .accessory-content h2{font-size:49px}.accessories .accessory-size-number{font-size:310px;top:3%}.accessories .accessory-controls,.accessories .accessory-size-choice,.divider-count-row{max-width:540px}}@media(max-width:520px){.accessories .accessory-stage{height:435px;border-radius:17px}.accessories .accessory-stage .bin-canvas{top:38px;right:0;bottom:100px;left:0;height:calc(100% - 138px)}.accessories .accessory-content h2{font-size:44px}.accessories .accessory-content h2 br{display:initial}.accessories .accessory-stage>.micro-label{top:22px;left:19px;font-size:8px}.accessories .accessory-size-number{font-size:220px;top:6%;right:8%}.assembly-toolbar{left:14px;right:14px;bottom:16px;gap:6px}.assembly-toolbar button{font-size:9px;padding:7px 9px;min-height:31px}.assembly-camera button{font-size:17px;padding:5px;width:29px}.assembly-views,.assembly-camera{padding:3px;gap:0;border-radius:8px}.accessories .assembly-note{left:19px;bottom:66px;font-size:9px;max-width:calc(100% - 38px)}.divider-count-row{font-size:10px}.divider-count-row small{font-size:8px}.divider-count-row select{font-size:10px;width:116px}}.size-stage,.size-stage.show-photo-model{background:transparent}.size-stage:before{display:none}.model-view-label{background:transparent;border:0;padding:10px 0;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.model-view-label>span{margin:0;font-size:9px;letter-spacing:.09em;color:#778aa7}.render-download{display:block;width:fit-content;color:#324e7a;font-size:10px;line-height:1.7;text-decoration:none;margin:20px 0}.render-download>span{display:block;font-size:8px;color:#8290a4}.render-download:hover{color:var(--brand-blue)}@media(max-width:820px){.render-download{order:4;margin:4px 0 12px}.size-sidebar>.text-link{order:5}}.hero-visual{top:10%;right:1%;width:60%;height:83%}.hero-family-heading{position:absolute;top:0;left:8%;right:7%;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#91a5c7;font-size:9px;letter-spacing:.06em}.hero-family-heading>span>span{padding:0 8px;color:#667d9f}.hero-family-heading button{width:33px;height:33px;flex:none;border:1px solid #31415c;border-radius:50%;background:#111d30aa;color:#b0c8ff;font-size:20px}.hero-family-heading button:hover{background:#263b5d}.hero-family{position:absolute;top:42px;right:0;bottom:58px;left:0}.hero-box{position:absolute;margin:0;isolation:isolate}.hero-box-5{left:4%;top:0;width:18%;height:22%}.hero-box-4{left:25%;top:2%;width:26%;height:27%}.hero-box-3{left:56%;top:5%;width:38%;height:32%}.hero-box-2{left:0;top:27%;width:58%;height:33%}.hero-box-1{left:24%;top:51%;width:76%;height:49%}.hero-box-number{position:absolute;right:5%;top:0;font-size:clamp(60px,9vw,160px);font-weight:600;line-height:.9;letter-spacing:-.09em;color:#aec7f4;opacity:.065;pointer-events:none;z-index:0}.hero-box-1 .hero-box-number{font-size:clamp(150px,19vw,300px)}.hero-box .bin-canvas{top:0;right:0;bottom:22px;left:0;height:calc(100% - 22px);z-index:1;outline-offset:-5px;touch-action:pan-y}.hero-box figcaption{position:absolute;left:12%;right:8%;bottom:3px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#a1b5d7;letter-spacing:.05em;pointer-events:none;z-index:2}.hero-box figcaption>span{display:none}.hero-visual .scene-hint{left:8%;bottom:0;font-size:8px}.hero-visual .color-concepts{right:7%;bottom:0}.front-flap-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:#a2b5d3;font-size:10px}.front-flap-controls[hidden]{display:none!important}.front-flap-controls>div{display:flex;gap:3px;padding:4px;border:1px solid #334768;border-radius:9px;background:#172238}.front-flap-controls button{min-height:32px;padding:8px 11px;border-radius:6px;background:transparent;color:#a2b5d3;font-size:10px}.front-flap-controls button[aria-pressed=true]{background:#b0c8ff;color:#0d2444}@media(max-width:1100px)and (min-width:821px){.hero-visual{right:-1%;width:62%;height:80%;top:12%}.hero-family-heading{left:10%;font-size:8px}.hero-box figcaption{font-size:7px}.hero-visual .color-concepts>span{display:none}}@media(max-width:820px){.hero{min-height:1260px}.hero-visual{top:450px;right:3%;width:94%;height:710px}.hero-family{top:45px;right:0;bottom:55px;left:0}.hero-family-heading{left:5%;right:5%}.hero-box-5{left:0;top:0;width:22%;height:20%}.hero-box-4{left:25%;top:2%;width:30%;height:25%}.hero-box-3{left:55%;top:7%;width:43%;height:30%}.hero-box-2{left:0;top:29%;width:65%;height:32%}.hero-box-1{left:14%;top:53%;width:86%;height:47%}.hero-box-number{font-size:100px}.hero-box-1 .hero-box-number{font-size:230px}.hero-visual .scene-hint{left:5%;bottom:0}.hero-visual .color-concepts{right:5%;bottom:0}}@media(max-width:520px){.hero{min-height:1190px}.hero-visual{top:440px;right:4%;width:92%;height:670px}.hero-family-heading{left:2%;right:2%;font-size:8px}.hero-family{top:42px;right:0;bottom:50px;left:0}.hero-box-5{left:0;top:0;width:25%;height:17%}.hero-box-4{left:25%;top:3%;width:33%;height:20%}.hero-box-3{left:52%;top:9%;width:48%;height:24%}.hero-box-2{left:0;top:31%;width:80%;height:30%}.hero-box-1{left:0;top:57%;width:100%;height:43%}.hero-box-number{font-size:70px}.hero-box-1 .hero-box-number{font-size:170px}.hero-box figcaption{font-size:7px;left:9%;right:7%}.hero-box figcaption>span{display:none}.hero-visual .scene-hint{left:2%;font-size:7px}.hero-visual .scene-hint>span{margin-left:7px}.hero-visual .color-concepts{right:2%;gap:8px}.front-flap-controls{font-size:9px}.front-flap-controls button{font-size:9px;padding:8px 10px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/staipl.css.map */