.os2x,:root{--os2x-ease: cubic-bezier(.22, 1, .36, 1);--os2x-fast: .18s;--os2x-med: .32s;--os2x-slow: .56s;--os2x-shadow: 0 24px 70px -18px rgba(16, 18, 22, .38), 0 2px 8px rgba(16, 18, 22, .08)}.os2x-qv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;perspective:1600px;perspective-origin:50% 40%}.os2x-qv[data-open]{display:flex}.os2x-qv__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e10149e;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);opacity:0;transition:opacity var(--os2x-med) var(--os2x-ease)}.os2x-qv.is-in .os2x-qv__scrim{opacity:1}.os2x-qv__card{position:relative;width:min(980px,100%);max-height:min(88vh,760px);display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--os2x-shadow);transform:translateY(26px) scale(.94) rotateX(9deg);transform-origin:50% 100%;opacity:0;transition:transform var(--os2x-slow) var(--os2x-ease),opacity var(--os2x-med) var(--os2x-ease)}.os2x-qv.is-in .os2x-qv__card{transform:none;opacity:1}.os2x-qv.is-out .os2x-qv__card{transform:translateY(14px) scale(.97) rotateX(5deg);opacity:0}.os2x-qv.is-out .os2x-qv__scrim{opacity:0}.os2x-qv__media{position:relative;background:linear-gradient(150deg,#f6f6f4,#ececeb 55%,#e3e4e6);display:grid;place-items:center;padding:34px;min-height:300px;overflow:hidden;perspective:900px}.os2x-qv__stage{position:relative;width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;transform-style:preserve-3d;transition:transform var(--os2x-med) var(--os2x-ease);will-change:transform}.os2x-qv__stage img{max-width:100%;max-height:100%;object-fit:contain;transform:translateZ(48px);filter:drop-shadow(0 26px 30px rgba(20,22,26,.26));transition:opacity var(--os2x-fast) linear}.os2x-qv__stage.is-swapping img{opacity:0}.os2x-qv__stage:after{content:"";position:absolute;left:50%;bottom:4%;width:56%;height:12px;transform:translate(-50%) translateZ(0);background:radial-gradient(ellipse at center,rgba(18,20,24,.26),transparent 70%);filter:blur(5px)}.os2x-qv__thumbs{position:absolute;left:18px;bottom:16px;right:18px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.os2x-qv__thumbs::-webkit-scrollbar{display:none}.os2x-qv__thumbs button{flex:0 0 46px;height:46px;border-radius:9px;border:1.5px solid rgba(20,22,26,.12);background:#fff;padding:3px;cursor:pointer;transition:border-color var(--os2x-fast) var(--os2x-ease),transform var(--os2x-fast) var(--os2x-ease)}.os2x-qv__thumbs button img{width:100%;height:100%;object-fit:contain}.os2x-qv__thumbs button[aria-current=true]{border-color:#16181c;transform:translateY(-2px)}.os2x-qv__body{padding:30px 30px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;font-family:var(--sans, "Archivo", system-ui, sans-serif);color:var(--ink, #16181c)}.os2x-qv__eyebrow{font:600 10px/1 var(--mono, "IBM Plex Mono", monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--g550, #6b6f76)}.os2x-qv__title{font:600 21px/1.25 var(--sans, "Archivo", system-ui, sans-serif);margin:0}.os2x-qv__title a{color:inherit;text-decoration:none}.os2x-qv__title a:hover{text-decoration:underline}.os2x-qv__price{font:600 20px/1 var(--sans, "Archivo", system-ui, sans-serif)}.os2x-qv__price small{font:500 11.5px/1 var(--sans, "Archivo", system-ui, sans-serif);color:var(--g550, #6b6f76);margin-left:6px}.os2x-qv__meta{display:flex;flex-wrap:wrap;gap:6px}.os2x-qv__tag{font:500 10.5px/1 var(--mono, "IBM Plex Mono", monospace);letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(20,22,26,.14);border-radius:5px;padding:5px 7px;color:var(--g550, #6b6f76)}.os2x-qv__label{font:600 11px/1 var(--mono, "IBM Plex Mono", monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--g550, #6b6f76);display:flex;justify-content:space-between;gap:10px}.os2x-qv__label b{color:var(--ink, #16181c);font-weight:600;text-transform:none;letter-spacing:0;font-family:var(--sans, "Archivo", system-ui, sans-serif);font-size:11.5px}.os2x-qv__opts{display:flex;flex-wrap:wrap;gap:8px}.os2x-qv__opt{position:relative;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(20,22,26,.16);background:#d9d9dd center/cover no-repeat;cursor:pointer;padding:0;transition:transform var(--os2x-fast) var(--os2x-ease),box-shadow var(--os2x-fast) var(--os2x-ease)}.os2x-qv__opt:hover{transform:translateY(-2px) scale(1.06)}.os2x-qv__opt[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px #16181c}.os2x-qv__opt[data-unavailable=true]{opacity:.38;cursor:not-allowed}.os2x-qv__opt[data-unavailable=true]:after{content:"";position:absolute;inset:45% -2px auto;height:1.5px;background:#16181c;transform:rotate(-45deg)}.os2x-qv__pill{font:500 12px/1 var(--sans, "Archivo", system-ui, sans-serif);height:34px;padding:0 12px;border-radius:8px;border:1.5px solid rgba(20,22,26,.16);background:#fff;color:inherit;cursor:pointer;transition:border-color var(--os2x-fast) var(--os2x-ease),background var(--os2x-fast) var(--os2x-ease)}.os2x-qv__pill[aria-pressed=true]{border-color:#16181c;background:#16181c;color:#fff}.os2x-qv__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.os2x-qv__step{display:inline-flex;align-items:center;border:1.5px solid rgba(20,22,26,.16);border-radius:9px;height:46px;overflow:hidden;flex:none}.os2x-qv__step button{width:40px;height:100%;border:0;background:#fff;font:500 18px/1 var(--sans, "Archivo", system-ui, sans-serif);cursor:pointer;color:inherit}.os2x-qv__step button:hover{background:#f2f2f0}.os2x-qv__step input{width:48px;height:100%;border:0;text-align:center;font:600 14px/1 var(--sans, "Archivo", system-ui, sans-serif);-moz-appearance:textfield;color:inherit}.os2x-qv__step input::-webkit-outer-spin-button,.os2x-qv__step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.os2x-qv__cta{flex:1 1 200px;height:46px;border:0;border-radius:9px;background:#16181c;color:#fff;font:600 13.5px/1 var(--sans, "Archivo", system-ui, sans-serif);cursor:pointer;transition:transform var(--os2x-fast) var(--os2x-ease),background var(--os2x-fast) var(--os2x-ease)}.os2x-qv__cta:hover:not(:disabled){transform:translateY(-1px);background:#24272d}.os2x-qv__cta:disabled{opacity:.45;cursor:not-allowed}.os2x-qv__cta.is-busy{pointer-events:none;opacity:.7}.os2x-qv__link{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--sans, "Archivo", system-ui, sans-serif);color:var(--g550, #6b6f76);text-decoration:none;border-bottom:1px solid rgba(20,22,26,.18);padding-bottom:2px;align-self:flex-start}.os2x-qv__link:hover{color:var(--ink, #16181c)}.os2x-qv__note{font:500 11.5px/1.45 var(--sans, "Archivo", system-ui, sans-serif);color:var(--g550, #6b6f76);margin:0}.os2x-qv__close{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:#ffffffe6;box-shadow:0 2px 10px #1012162e;font:400 20px/1 system-ui,sans-serif;cursor:pointer;color:#16181c;transition:transform var(--os2x-fast) var(--os2x-ease)}.os2x-qv__close:hover{transform:rotate(90deg)}.os2x-qv__skel{display:grid;gap:12px}.os2x-qv__skel span{display:block;height:13px;border-radius:5px;background:linear-gradient(90deg,#eeeeec 25%,#f7f7f5 37%,#eeeeec 63%);background-size:400% 100%;animation:os2x-shimmer 1.3s ease-in-out infinite}.os2x-qv__skel span:nth-child(1){width:40%}.os2x-qv__skel span:nth-child(2){width:85%;height:22px}.os2x-qv__skel span:nth-child(3){width:30%;height:20px}.os2x-qv__skel span:nth-child(4){width:70%}@keyframes os2x-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:860px){.os2x-qv{padding:0;align-items:flex-end}.os2x-qv__card{grid-template-columns:1fr;max-height:92vh;border-radius:18px 18px 0 0;transform:translateY(100%)}.os2x-qv.is-out .os2x-qv__card{transform:translateY(100%)}.os2x-qv__media{padding:22px 18px 60px;min-height:0}.os2x-qv__stage{aspect-ratio:16 / 10}.os2x-qv__body{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}}.os2x-rise{opacity:0;transform:translateY(18px);transition:opacity var(--os2x-slow) var(--os2x-ease),transform var(--os2x-slow) var(--os2x-ease);transition-delay:var(--os2x-delay, 0ms)}.os2x-rise.is-seen{opacity:1;transform:none}.os2-card,.os2x-lift{transition:transform var(--os2x-med) var(--os2x-ease),box-shadow var(--os2x-med) var(--os2x-ease)}@media(hover:hover)and (pointer:fine){.os2-card:hover,.os2x-lift:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px #1012166b}.os2-card:hover .os2-card__img img{transform:scale(1.045)}}.os2-card__img{overflow:hidden}.os2-card__img img{transition:transform var(--os2x-slow) var(--os2x-ease)}.os2-card__img,.os2x-qvhost{position:relative}.os2x-qvbtn{position:absolute;left:50%;bottom:10px;z-index:2;transform:translate(-50%,8px);opacity:0;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:0;border-radius:999px;background:#fffffff5;box-shadow:0 6px 18px -6px #10121673;color:#16181c;font:600 11.5px/1 var(--sans, "Archivo", system-ui, sans-serif);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:opacity var(--os2x-med) var(--os2x-ease),transform var(--os2x-med) var(--os2x-ease),background var(--os2x-fast) var(--os2x-ease)}.os2x-qvbtn svg{width:13px;height:13px;flex:none}.os2x-qvbtn:hover{background:#fff}@media(hover:hover)and (pointer:fine){.os2-card:hover .os2x-qvbtn,.os2x-qvhost:hover .os2x-qvbtn,.os2x-qvbtn:focus-visible{opacity:1;transform:translate(-50%)}}@media(hover:none),(pointer:coarse){.os2x-qvbtn{opacity:1;transform:translate(-50%);height:30px;padding:0 11px;font-size:10.5px;background:#ffffffeb}}.os2x-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1.5px solid rgba(20,22,26,.14);border-radius:10px;background:#fff}.os2x-toggle button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--g550, #6b6f76);font:600 11.5px/1 var(--sans, "Archivo", system-ui, sans-serif);cursor:pointer;transition:background var(--os2x-fast) var(--os2x-ease),color var(--os2x-fast) var(--os2x-ease)}.os2x-toggle button svg{width:13px;height:13px}.os2x-toggle button[aria-pressed=true]{background:#16181c;color:#fff}.os2x-grid.is-compact .os2-card__sw,.os2x-grid.is-compact .os2-card__sku,.os2x-grid.is-compact .os2-card__btn{display:none}.os2x-grid.is-compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.os2x-grid.is-roomy{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(prefers-reduced-motion:reduce){.os2x-rise,.os2-card,.os2x-lift,.os2-card__img img,.os2x-qv__card,.os2x-qv__scrim,.os2x-qv__stage,.os2x-qvbtn{transition:none!important;animation:none!important}.os2x-rise{opacity:1;transform:none}.os2x-qv__card{transform:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/os2-experience.css.map */