#ornek3b:not(.o3b) { position: relative; margin: 0; min-height: 520px; border-radius: 20px; background: #0b0f12; box-shadow: 0 0 0 1px rgba(233, 239, 241, .1); }
#ornek3b .o3b-yedek { display: block; width: 100%; height: auto; border-radius: 20px; }
#ornek3b:not(.o3b) figcaption { position: absolute; left: 18px; bottom: 16px; font-size: 13px; color: #93a4ac; }
@media (max-width: 560px) { #ornek3b:not(.o3b) { min-height: 560px; } }
.o3b { --rx0: 0deg; --rz0: 90deg; --s0: .96; position: relative; margin: 0; border-radius: 20px; box-shadow: 0 0 0 1px rgba(233, 239, 241, .1); background: #0b0f12; color: #e9eff1; overflow: hidden;
  background-image: linear-gradient(rgba(233, 239, 241, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 239, 241, .035) 1px, transparent 1px);
  background-size: 14px 14px; }
.o3b.is-dik { --rz0: 0deg; }                                              
.o3b:not([data-a="1"]) { --rx0: 52deg; --rz0: -45deg; --s0: var(--s3, .84); }      
.o3b.is-dik:not([data-a="1"]) { --rx0: 46deg; --rz0: -10deg; --s0: var(--s3, .78); }
.o3b-kap { position: relative; height: 420px; perspective: 2200px; perspective-origin: 50% 38%; overflow: hidden; touch-action: pan-y; outline: none; }
.o3b:not([data-a="1"]) .o3b-kap { cursor: grab; }
.o3b.is-surukle .o3b-kap { cursor: grabbing; }
.o3b-kap:focus-visible { box-shadow: inset 0 0 0 2px #ff5162; border-radius: 20px 20px 0 0; }
.o3b-sahne { position: absolute; left: 50%; top: 50%; transform-style: preserve-3d;
  transform: translate(-50%, -50%) rotateX(var(--rx, var(--rx0))) rotateZ(var(--rz, var(--rz0))) scale(calc(var(--s0) * var(--zs, 1))) translate3d(var(--tx, 0px), var(--ty, 0px), 0);
  transition: transform 1.1s cubic-bezier(.2, .7, .2, 1), left 1.1s cubic-bezier(.2, .7, .2, 1), top 1.1s cubic-bezier(.2, .7, .2, 1); }
.o3b.is-odak:not(.is-dik) .o3b-sahne { left: calc(50% + 180px); }
.o3b.is-odak.is-dik .o3b-sahne { top: 27%; }
.o3b.is-surukle .o3b-sahne, .o3b.is-anlik .o3b-sahne, .o3b.is-anlik .o3b-d { transition: none; }
.o3b.is-salinim .o3b-sahne { animation: o3bSalinim 18s ease-in-out infinite; }
@keyframes o3bSalinim {
  0%, 100% { transform: translate(-50%, -50%) rotateX(var(--rx0)) rotateZ(var(--rz0)) scale(var(--s0)) translate3d(0px, 0px, 0); }
  50% { transform: translate(-50%, -50%) rotateX(calc(var(--rx0) - 3deg)) rotateZ(calc(var(--rz0) + 7deg)) scale(var(--s0)) translate3d(0px, 0px, 0); }
}
.o3b-k { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; font-family: var(--sans, inherit); }
.o3b-d { transform: translateZ(0); transition: transform .9s cubic-bezier(.2, .7, .2, 1), opacity .5s ease; transition-delay: calc(var(--i) * 30ms); }
.o3b.is-kisa .o3b-sahne { transition-duration: .25s; }
.o3b-yol { opacity: 0; }
.o3b[data-a="4"] .o3b-yol { opacity: 1; transform: translateZ(var(--z)); }
.o3b-zemin .dis { fill: #11171b; transition: fill .6s ease; }
.o3b-zemin .koridor { fill: #1a2227; transition: fill .6s ease; }
.o3b-oda rect.z { fill: var(--z1); }
.o3b:not([data-a="1"]) .o3b-oda rect.z { fill: var(--z3); }
.o3b:not([data-a="1"]) .o3b-zemin .dis { fill: #bcc4c8; }
.o3b:not([data-a="1"]) .o3b-zemin .koridor { fill: #d2d8da; }
.o3b:not([data-a="1"]) .o3b-zemin text { fill: #25303a; }
.o3b:not([data-a="1"]) .o3b-zemin text.m2, .o3b:not([data-a="1"]) .o3b-zemin tspan.m2 { fill: #5c6870; }
.o3b:not([data-a="1"]) .o3b-etk .yok text { fill: #eef1f2; }
.o3b:not([data-a="1"]) .o3b-zemin text.giris { fill: #ff8a96; }
.o3b-bina { opacity: 0; transition: opacity .8s ease .2s; }
.o3b:not([data-a="1"]) .o3b-bina { opacity: .6; }
.o3b-zemin text { fill: #e9eff1; text-anchor: middle; }
.o3b-zemin text.m2, .o3b-zemin tspan.m2 { fill: #93a4ac; font-family: var(--mono, monospace); font-weight: 400; }
.o3b-zemin text.giris { fill: #ff8a96; font-family: var(--mono, monospace); font-weight: 700; letter-spacing: .12em; }
.o3b-etk { transition: opacity .5s ease; }
.o3b-etk3 { opacity: 0; }
.o3b:not(.is-dik):not([data-a="1"]) .o3b-etk:not(.o3b-etk3) { opacity: 0; }   
.o3b:not(.is-dik):not([data-a="1"]) .o3b-etk3 { opacity: 1; }
.o3b[data-a="3"] .o3b-etk g:not(.yok), .o3b[data-a="4"] .o3b-etk g:not(.yok) { opacity: 0; }   
.o3b[data-a="3"] .o3b-etk .yok, .o3b[data-a="4"] .o3b-etk .yok { opacity: .75; }
.o3b-etk .yok text { fill: #6f8189; }
.o3b-etk .yok text.m2, .o3b-etk .yok tspan.m2 { fill: #4d5a60; }
.o3b-duvar { transition: opacity .5s ease .5s; }
.o3b-duvar path { fill: none; stroke: #eef3f4; stroke-width: 4; stroke-linejoin: miter; }
.o3b-duvar .di { stroke-width: 2; stroke: rgba(238, 243, 244, .8); }
.o3b:not([data-a="1"]) .o3b-duvar { opacity: 0; }
.o3b-kutle { position: absolute; inset: 0; transform-style: preserve-3d; pointer-events: none; }
.o3b .o3b-kutle .o3b-b { transition: transform .8s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * 45ms), visibility 0s linear calc(var(--i) * 45ms); }
.o3b:not([data-a="1"]) .o3b-kutle .o3b-b { visibility: visible; transform: translateZ(var(--z0)); }
.t-duvar .f-ust { background: #d3d8da; box-shadow: inset 0 0 0 1px rgba(38, 46, 51, .5); }
.t-duvar .f-S, .t-duvar .f-N { background: #a7afb3; box-shadow: inset 0 0 0 1px rgba(38, 46, 51, .18); }
.t-duvar .f-E, .t-duvar .f-W { background: #8b9498; box-shadow: inset 0 0 0 1px rgba(38, 46, 51, .18); }
.t-kapi .f, .t-kapi .f-ust { background: linear-gradient(90deg, #b3935c 0 7%, #e3d6b8 7% 93%, #b3935c 93%); box-shadow: inset 0 0 0 1px rgba(120, 92, 44, .55); }
.o3b-sand { position: absolute; inset: 0; transform-style: preserve-3d; pointer-events: none; }
.o3b-s { position: absolute; width: var(--c); height: var(--c); transform-style: preserve-3d; visibility: hidden; transform: scale3d(1, 1, .01); transition: transform .6s cubic-bezier(.2, .8, .2, 1) .45s, visibility 0s linear .45s; }
.o3b[data-a="3"] .o3b-s, .o3b[data-a="4"] .o3b-s { visibility: visible; transform: none; }
.o3b.is-odak .o3b-s:not(.is-odada) { visibility: hidden; }
.o3b-s i { position: absolute; left: 0; top: 0; display: block; width: var(--c); height: var(--c); transform-origin: 0 0; }
.o3b-s .s-ay { background: linear-gradient(#1d222a, #1d222a) 50% 50% / 100% 14% no-repeat, linear-gradient(#1d222a, #1d222a) 50% 50% / 14% 100% no-repeat; transform: translateZ(var(--za)); }
.o3b-s .s-ot { border-radius: 26%; background: #2d3547; box-shadow: inset 0 0 0 1px #181c24; transform: translateZ(var(--zo)); }
.o3b-s .s-si { height: var(--hs); border-radius: 3px 3px 0 0; background: #283041; box-shadow: inset 0 0 0 1px #151920; }
.o3b-s .s-N { transform: translate3d(var(--c), 2px, var(--zt)) rotateZ(180deg) rotateX(-90deg); }
.o3b-s .s-S { transform: translate3d(0, calc(var(--c) - 2px), var(--zt)) rotateX(-90deg); }
.o3b-s .s-E { transform: translate3d(calc(var(--c) - 2px), var(--c), var(--zt)) rotateZ(-90deg) rotateX(-90deg); }
.o3b-s .s-W { transform: translate3d(2px, 0, var(--zt)) rotateZ(90deg) rotateX(-90deg); }
.o3b-et { position: absolute; left: 0; top: 0; width: 0; height: 0; transform-style: preserve-3d; pointer-events: none; }
.o3b-e, .o3b-n { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .35s ease; white-space: nowrap;
  transform: translate3d(var(--x), var(--y), var(--z)) rotateZ(calc(-1 * var(--rz, var(--rz0)))) rotateX(calc(-1 * var(--rx, var(--rx0)))) scale(calc(1 / var(--s0))) translate(-50%, -100%); }
.o3b-e { display: inline-flex; align-items: baseline; gap: 5px; width: max-content; max-width: 12em; padding: 3px 8px 3px 6px; border-radius: 9px; background: rgba(11, 15, 18, .86); color: #fff; font-size: 11px; font-weight: 600; line-height: 1.15; white-space: normal; box-shadow: 0 0 0 1px rgba(233, 239, 241, .2), 0 2px 8px rgba(0, 0, 0, .25); }
.o3b-e i { flex: none; width: 7px; height: 7px; border-radius: 50%; }
.o3b-e.is-kucuk { visibility: hidden; }
.o3b.is-odak .o3b-e.is-kucuk.is-odada { visibility: visible; }
.o3b-n { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: #ff5162; color: #fff; font: 700 11px/1 var(--mono, monospace); box-shadow: 0 0 0 2px #0b0f12; transform: translate3d(var(--x), var(--y), var(--z)) rotateZ(calc(-1 * var(--rz, var(--rz0)))) rotateX(calc(-1 * var(--rx, var(--rx0)))) scale(calc(1 / var(--s0))) translate(-50%, -50%); }
.o3b.is-yerlesti[data-a="3"] .o3b-e, .o3b.is-yerlesti[data-a="4"] .o3b-n { opacity: 1; }
.o3b.is-odak .o3b-e:not(.is-odada), .o3b.is-odak .o3b-n { opacity: 0 !important; }
.o3b.is-odak .o3b-e.is-odada { opacity: 1; }
.o3b.is-dik .o3b-e { font-size: 10px; padding: 2px 6px 2px 5px; }
.o3b.is-salinim .o3b-e, .o3b.is-salinim .o3b-n { transition-duration: .8s; }
.o3b-aci { position: absolute; right: 12px; top: 12px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(233, 239, 241, .28); background: rgba(11, 15, 18, .6); color: #e9eff1; font-size: 17px; line-height: 1; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .3s ease; }
.o3b:not([data-a="1"]) .o3b-aci { opacity: 1; pointer-events: auto; }
.o3b-aci:hover { border-color: #e9eff1; }
.o3b-aci:focus-visible { outline: 2px solid #ff5162; outline-offset: 2px; }
.o3b-lejant { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 2px 0 6px; font-size: 12px; color: #c9d2d6; }
.o3b-lejant i { display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 3px; vertical-align: -1px; }
.o3b-lejant i.yok { background: repeating-linear-gradient(45deg, #8c969b 0 2px, #5d676c 2px 4px); }
.o3b-cih { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; }
.o3b-cih span { padding: 2px 7px; border-radius: 6px; background: rgba(233, 239, 241, .08); font-size: 12.5px; }
.o3b.is-ciz .o3b-duvar path { stroke-dasharray: 100; animation: o3bCiz 1.3s cubic-bezier(.4, 0, .2, 1) both; }
.o3b.is-ciz .o3b-zemin .o3b-oda rect, .o3b.is-ciz .o3b-pd, .o3b.is-ciz .o3b-etk, .o3b.is-ciz .o3b-zemin text.giris { animation: o3bBelir .8s ease .55s both; }
@keyframes o3bCiz { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
@keyframes o3bBelir { from { opacity: 0; } }
.o3b-yol path { fill: none; stroke-width: 1.8; stroke-dasharray: 6 5; stroke-linejoin: round; }
.o3b-yol .y-ana { stroke: #ff5162; } .o3b-yol .y-mik { stroke: #e2ab52; stroke-dasharray: 3 4; } .o3b-yol .y-yan { opacity: .75; }
.o3b-yol circle { stroke: #0b0f12; stroke-width: 1.6; }
.o3b-yol .n-ana { fill: #ff5162; } .o3b-yol .n-mik { fill: #e2ab52; }
@media (prefers-reduced-motion: no-preference) { .o3b[data-a="4"] .o3b-yol path { animation: o3bYolAk 1.4s linear infinite; } }
@keyframes o3bYolAk { to { stroke-dashoffset: -22; } }
.o3b-alt { display: flex; align-items: flex-start; gap: 14px; padding: 14px 18px 2px; }
.o3b-oynat { flex: none; width: 38px; height: 38px; margin-top: 2px; border-radius: 50%; border: 1px solid rgba(233, 239, 241, .28); background: transparent; color: #e9eff1; font-size: 12px; line-height: 1; cursor: pointer; }
.o3b-oynat:hover { border-color: #e9eff1; }
.o3b-oynat:focus-visible, .o3b-adim button:focus-visible { outline: 2px solid #ff5162; outline-offset: 2px; }
.o3b-adim { flex: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.o3b-adim button { position: relative; width: 100%; min-height: 44px; padding: 9px 0 0; border: 0; border-top: 2px solid rgba(233, 239, 241, .16); background: none; color: #93a4ac; font: inherit; font-size: 13.5px; font-weight: 600; line-height: 1.25; text-align: left; cursor: pointer; }
.o3b-adim button span { display: block; margin-bottom: 2px; font-family: var(--mono, monospace); font-size: 10.5px; font-weight: 400; letter-spacing: .12em; }
.o3b-adim button:hover, .o3b-adim button[aria-pressed="true"] { color: #fff; }
.o3b-adim button i { position: absolute; left: 0; top: -2px; width: 0; height: 2px; background: #ff5162; }
.o3b-adim li.is-gecti button i, .o3b-adim button[aria-pressed="true"] i { width: 100%; }
.o3b.is-oynuyor .o3b-adim button[aria-pressed="true"] i { width: 0; animation: o3bDolum 2s linear forwards; }
@keyframes o3bDolum { to { width: 100%; } }
.o3b figcaption { padding: 6px 18px 18px 70px; }
.o3b-acik { margin: 4px 0 4px; font-size: 14.5px; line-height: 1.5; color: #e9eff1; }
.o3b-not { margin: 0; font-size: 12px; color: #93a4ac; }
@media (max-width: 560px) {
  .o3b-alt { gap: 10px; padding: 12px 12px 2px; }
  .o3b-oynat { width: 34px; height: 34px; }
  .o3b-adim { gap: 6px; }
  .o3b-adim button { font-size: 12px; }
  .o3b figcaption { padding: 4px 12px 14px; }
}
.o3b-don { position: absolute; inset: 0; transform-style: preserve-3d; pointer-events: none; }
.o3b-b { position: absolute; width: var(--w); height: var(--h); transform-style: preserve-3d; visibility: hidden;
  transform: translateZ(var(--z0)) scale3d(1, 1, .01);
  transition: transform .75s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * 70ms), visibility 0s linear calc(var(--i) * 70ms); }
.o3b[data-a="3"] .o3b-b, .o3b[data-a="4"] .o3b-b { visibility: visible; transform: translateZ(var(--z0)); }
.o3b-b .f { position: absolute; left: 0; top: 0; display: block; transform-origin: 0 0; }
.o3b-b .f-ust { width: var(--w); height: var(--h); transform: translateZ(var(--H)); }
.o3b-b .f-S { width: var(--w); height: var(--H); transform: translate3d(0, var(--h), var(--H)) rotateX(-90deg); }
.o3b-b .f-N { width: var(--w); height: var(--H); transform: translate3d(var(--w), 0, var(--H)) rotateZ(180deg) rotateX(-90deg); }
.o3b-b .f-E { width: var(--h); height: var(--H); transform: translate3d(var(--w), var(--h), var(--H)) rotateZ(-90deg) rotateX(-90deg); }
.o3b-b .f-W { width: var(--h); height: var(--H); transform: translate3d(0, 0, var(--H)) rotateZ(90deg) rotateX(-90deg); }
.o3b-b:is(.t-tezgah, .t-ada, .t-ocak, .t-buzdolabi, .t-inkubator, .t-kimyasal, .t-malzeme, .t-otoklav, .t-cihaz, .t-kanal, .t-gri) .f:not(.f-ust) { box-shadow: inset 0 0 0 9999px rgba(12, 18, 22, .06), inset 0 0 0 1px rgba(20, 26, 30, .3); }
.o3b-b:is(.t-tezgah, .t-ada, .t-ocak, .t-buzdolabi, .t-inkubator, .t-kimyasal, .t-malzeme, .t-otoklav, .t-cihaz, .t-kanal, .t-gri) :is(.f-E, .f-W) { box-shadow: inset 0 0 0 9999px rgba(12, 18, 22, .18), inset 0 0 0 1px rgba(20, 26, 30, .3); }
.o3b-b .f-ust { box-shadow: inset 0 0 0 1px rgba(20, 26, 30, .35); }
.t-tezgah .f-ust, .t-ada .f-ust { background: #f1f4f4; }
.t-tezgah .f.on, .t-ada .f.on {
  background:
    linear-gradient(#39434a, #39434a) top / 100% 5% no-repeat,
    linear-gradient(to right, transparent 38%, #6f7b81 38% 62%, transparent 62%) 0 15% / calc(var(--m) * .6) 2px repeat-x,
    linear-gradient(to right, #9da3a6 0 3px, transparent 3px calc(100% - 3px), #9da3a6 calc(100% - 3px)) bottom / 100% 17% no-repeat,
    repeating-linear-gradient(to right, transparent 0 calc(var(--m) * 1.2 - 3px), #9da3a6 calc(var(--m) * 1.2 - 3px) calc(var(--m) * 1.2)) bottom / 100% 17% no-repeat,
    linear-gradient(#1b2328, #1b2328) bottom / 100% 17% no-repeat,
    repeating-linear-gradient(to right, #e4e8e9 0 calc(var(--m) * .6 - 1px), #aeb8bc calc(var(--m) * .6 - 1px) calc(var(--m) * .6));
}
.t-tezgah .f:not(.on):not(.f-ust), .t-ada .f:not(.on):not(.f-ust) {
  background: linear-gradient(#39434a, #39434a) top / 100% 5% no-repeat,
    linear-gradient(to right, #9da3a6 0 7%, transparent 7% 93%, #9da3a6 93%) bottom / 100% 17% no-repeat,
    linear-gradient(#1b2328, #1b2328) bottom / 100% 17% no-repeat, #d3d9db;
}
.t-rafust .f-ust { background: rgba(205, 228, 234, .35); box-shadow: inset 0 0 0 1px rgba(157, 163, 166, .9); }
.t-rafust .f:not(.f-ust) {
  background:
    repeating-linear-gradient(to right, transparent 0 7px, rgba(143, 179, 255, .9) 7px 10px, transparent 10px 15px, rgba(226, 171, 82, .9) 15px 18px, transparent 18px 26px, rgba(233, 239, 241, .9) 26px 28px, transparent 28px 34px) 0 30% / 100% 18% repeat-x,
    repeating-linear-gradient(to right, transparent 0 11px, rgba(63, 155, 119, .9) 11px 14px, transparent 14px 22px, rgba(233, 239, 241, .9) 22px 25px, transparent 25px 30px) 0 82% / 100% 16% repeat-x,
    linear-gradient(to right, #9da3a6 0 3px, transparent 3px calc(100% - 3px), #9da3a6 calc(100% - 3px)),
    linear-gradient(to bottom, rgba(210, 232, 238, .8) 0 2px, transparent 2px 48%, rgba(210, 232, 238, .8) 48% 52%, transparent 52% calc(100% - 2px), rgba(210, 232, 238, .8) calc(100% - 2px));
}
.t-ocak .f-ust { background: #c9d0d3; }
.t-ocak .f.on {
  background:
    linear-gradient(#1a2227, #1a2227) 80% 11% / 16% 7% no-repeat,
    radial-gradient(circle, #d92f43 0 1.6px, transparent 2.2px) 0 42% / 7% 8% no-repeat,
    radial-gradient(circle, #e2c23a 0 1.6px, transparent 2.2px) 0 52% / 7% 8% no-repeat,
    radial-gradient(circle, #4f86c6 0 1.6px, transparent 2.2px) 100% 42% / 7% 8% no-repeat,
    radial-gradient(circle, #eceff0 0 1.6px, transparent 2.2px) 100% 52% / 7% 8% no-repeat,
    linear-gradient(to right, #aab3b7 0 7%, transparent 7% 93%, #aab3b7 93%) 0 26% / 100% 38% no-repeat,
    linear-gradient(#8e999e, #8e999e) 0 26% / 100% 2px no-repeat,
    linear-gradient(rgba(170, 222, 204, .45), rgba(170, 222, 204, .22)) 0 26% / 100% 36% no-repeat,
    linear-gradient(#39434a, #39434a) 0 62% / 100% 2.5% no-repeat,
    linear-gradient(to right, transparent 20%, #6f7b81 20% 30%, transparent 30% 70%, #6f7b81 70% 80%, transparent 80%) 0 70% / 100% 1.5% no-repeat,
    linear-gradient(to right, #d6dcde calc(50% - 1px), #aeb8bc calc(50% - 1px) 50%, #d6dcde 50%) 0 100% / 100% 35% no-repeat,
    linear-gradient(#c3cbce, #c3cbce);
}
.t-ocak .f:not(.on):not(.f-ust) { background: linear-gradient(rgba(170, 222, 204, .3), rgba(170, 222, 204, .3)) 18% 30% / 64% 28% no-repeat, #c5cdd0; }
.t-kanal .f, .t-kanal .f-ust { background: #b3bdc1; }
.t-kabin .f-ust { background: #e6eaeb; }
.t-kabin .f.on {
  background:
    linear-gradient(#1a2227, #1a2227) 70% 8% / 18% 5% no-repeat,
    linear-gradient(#c79335, #c79335) 0 19% / 100% 2px no-repeat,
    linear-gradient(rgba(175, 212, 228, .5), rgba(175, 212, 228, .25)) 0 22% / 100% 32% no-repeat,
    linear-gradient(#39434a, #39434a) 0 62% / 100% 2% no-repeat,
    linear-gradient(to right, #9da3a6 0 4%, transparent 4% 96%, #9da3a6 96%) bottom / 100% 33% no-repeat,
    linear-gradient(#eceff0, #eceff0) top / 100% 67% no-repeat;
}
.t-kabin .f:not(.on):not(.f-ust) { background: linear-gradient(to right, #9da3a6 0 6%, transparent 6% 94%, #9da3a6 94%) bottom / 100% 33% no-repeat, linear-gradient(#d9dfe1, #d9dfe1) top / 100% 67% no-repeat; }
.t-buzdolabi .f-ust, .t-inkubator .f-ust, .t-kimyasal .f-ust, .t-malzeme .f-ust { background: #e3e7e8; }
.t-buzdolabi .f.on { background: linear-gradient(#b9c3c7, #b9c3c7) top / 100% 4% no-repeat, linear-gradient(#8a969c, #8a969c) 14% 22% / 2px 26% no-repeat, linear-gradient(#aeb8bc, #aeb8bc) 0 34% / 100% 1px no-repeat, #eef1f2; }
.t-inkubator .f.on { background: linear-gradient(#c3cbce, #c3cbce) top / 100% 8% no-repeat, linear-gradient(#1a2227, #1a2227) 20% 4% / 20% 3% no-repeat,
  linear-gradient(rgba(175, 212, 228, .55), rgba(175, 212, 228, .3)) 50% 30% / 64% 34% no-repeat, linear-gradient(#8a969c, #8a969c) 90% 40% / 2px 22% no-repeat, #e9ecee; }
.t-kimyasal .f.on { background: repeating-linear-gradient(#9aa5aa 0 1px, transparent 1px 3px) 50% 5% / 44% 5% no-repeat, repeating-linear-gradient(#9aa5aa 0 1px, transparent 1px 3px) 50% 95% / 44% 5% no-repeat,
  linear-gradient(#e2c23a, #e2c23a) 28% 18% / 12% 6% no-repeat, linear-gradient(#e2c23a, #e2c23a) 72% 18% / 12% 6% no-repeat,
  linear-gradient(to right, transparent 44%, #6f7b81 44% 46%, transparent 46% 54%, #6f7b81 54% 56%, transparent 56%) 0 45% / 100% 14% no-repeat,
  linear-gradient(to right, #e7eaeb calc(50% - 1px), #aeb8bc calc(50% - 1px) 50%, #e7eaeb 50%); }
.t-malzeme .f.on { background: linear-gradient(to right, transparent 44%, #6f7b81 44% 46%, transparent 46% 54%, #6f7b81 54% 56%, transparent 56%) 0 45% / 100% 12% no-repeat,
  linear-gradient(to right, #eef1f2 calc(50% - 1px), #b7c0c4 calc(50% - 1px) 50%, #eef1f2 50%); }
.t-buzdolabi .f:not(.on):not(.f-ust), .t-inkubator .f:not(.on):not(.f-ust), .t-kimyasal .f:not(.on):not(.f-ust), .t-malzeme .f:not(.on):not(.f-ust) { background: #dce1e3; }
.t-raf .f-ust { background: rgba(157, 163, 166, .5); box-shadow: inset 0 0 0 1px #9da3a6; }
.t-raf .f:not(.f-ust) {
  background:
    repeating-linear-gradient(to right, transparent 0 6px, rgba(233, 239, 241, .95) 6px 14px, transparent 14px 18px, rgba(143, 179, 255, .85) 18px 23px, transparent 23px 30px, rgba(226, 171, 82, .85) 30px 36px, transparent 36px 44px) 0 0 / 100% 25% repeat-y,
    repeating-linear-gradient(to bottom, #9da3a6 0 2px, transparent 2px 25%),
    linear-gradient(to right, #7c878d 0 3px, transparent 3px calc(100% - 3px), #7c878d calc(100% - 3px));
}
.t-otoklav .f-ust { background: #c9d0d3; }
.t-otoklav .f.on { background: linear-gradient(#39434a, #39434a) top / 100% 12% no-repeat, linear-gradient(#8fe0b8, #8fe0b8) 80% 5% / 10% 3% no-repeat,
  radial-gradient(circle at 50% 58%, #b5bec2 0 23%, #7c878d 23% 26%, transparent 26.5%), #cdd4d6; }
.t-otoklav .f:not(.on):not(.f-ust) { background: #c3cbce; }
.t-cihaz .f-ust { background: #e3e8ea; }
.t-cihaz .f.on { background: linear-gradient(#1a2227, #1a2227) 18% 22% / 38% 26% no-repeat, linear-gradient(#4f86c6, #4f86c6) bottom / 100% 5% no-repeat,
  radial-gradient(circle, #9aa5aa 0 1.5px, transparent 2px) 70% 70% / 18% 20% repeat-x, #dfe4e6; }
.t-cihaz .f:not(.on):not(.f-ust) { background: #d2d8da; }
.t-icp .f-ust { background: #e6eaeb; }
.t-icp .f.on { background: radial-gradient(circle at 27% 45%, #ffcf8a 0 2px, rgba(255, 150, 70, .5) 3px 7px, transparent 9px),
  linear-gradient(#1a2227, #1a2227) 12% 28% / 30% 36% no-repeat, linear-gradient(#1a2227, #1a2227) 78% 18% / 14% 8% no-repeat,
  linear-gradient(#4f86c6, #4f86c6) 0 90% / 100% 3% no-repeat, #e6eaeb; }
.t-icp .f:not(.on):not(.f-ust) { background: #d5dbdd; }
.t-masa .f-ust { background: #d8dde0; }
.t-masa .f:not(.f-ust) { background: linear-gradient(#b7c0c4, #b7c0c4) top / 100% 7% no-repeat, linear-gradient(to right, #9da3a6 0 3px, transparent 3px calc(100% - 3px), #9da3a6 calc(100% - 3px)); }
.t-gri .f-ust { background: #b9c2c6; }
.t-gri .f:not(.f-ust) { background: repeating-linear-gradient(45deg, #aab4b8 0 3px, #c3cbce 3px 7px); }
.t-evye .f-ust { background: #9fabb0; box-shadow: inset 0 0 0 2px #d3dadc, inset 0 0 7px rgba(0, 0, 0, .45); border-radius: 2px; }
.t-evye .f:not(.f-ust) { background: #c3cbce; }

.o3b-duvar, .o3b-yol, .o3b-zemin { pointer-events: none; }
.o3b-oda { pointer-events: auto; cursor: pointer; outline: none; transition: opacity .4s ease; }
.o3b-oda:focus-visible rect:first-child { stroke: #ff5162; stroke-width: 2.4; }
.o3b.is-odak .o3b-oda:not(.is-secili) { opacity: .38; }
.o3b-oda.is-secili rect:first-child { stroke: #ff5162; stroke-width: 2; }
.o3b.is-odak .o3b-don .o3b-b:not(.is-odada) { visibility: hidden; }
.o3b.is-odak .o3b-don .o3b-b.is-odada { visibility: visible; transform: translateZ(var(--z0)); transition-delay: 0s; }
.o3b.is-odak .o3b-golge { opacity: 0; }
.o3b-cizim { transition: opacity .5s ease; }
.o3b-cizim path { fill: none; stroke: rgba(214, 232, 238, .42); stroke-width: .9; transition: stroke .6s ease; }
.o3b:not([data-a="1"]) .o3b-cizim path:not(.olcu) { stroke: rgba(35, 43, 48, .42); }
.o3b-cizim path.olcu { stroke: rgba(214, 232, 238, .3); }
.o3b-cizim text { fill: #6f8189; font-family: var(--mono, monospace); text-anchor: middle; }
.o3b-cizim circle { stroke-width: 1; }
.o3b-cizim .ba circle { fill: rgba(67, 197, 134, .18); stroke: #43c586; } .o3b-cizim .ba text { fill: #43c586; font-weight: 700; }
.o3b-cizim .be circle { fill: rgba(232, 56, 79, .18); stroke: #ff8a8f; } .o3b-cizim .be text { fill: #ff8a8f; font-weight: 700; }
.o3b[data-a="3"] .o3b-cizim, .o3b[data-a="4"] .o3b-cizim { opacity: 0; }
.o3b-pd rect { fill: rgba(255, 255, 255, .045); stroke: rgba(214, 232, 238, .55); stroke-width: 1; transition: opacity .5s ease; }
.o3b-pd rect.c { fill: rgba(214, 232, 238, .16); }
.o3b-pd rect.g { stroke: rgba(214, 232, 238, .2); fill: none; }
.o3b[data-a="3"] .o3b-pd .e, .o3b[data-a="4"] .o3b-pd .e { opacity: 0; }
.o3b-golge { opacity: 0; transition: opacity .6s ease .35s; }
.o3b-golge rect { fill: #000; }
.o3b[data-a="3"] .o3b-golge, .o3b[data-a="4"] .o3b-golge { opacity: .32; }
.o3b-pd rect { transition: opacity .5s ease, stroke .6s ease, fill .6s ease; }
.o3b:not([data-a="1"]) .o3b-pd rect.e { stroke: #9aa5ab; fill: rgba(0, 0, 0, .03); }
.o3b:not([data-a="1"]) .o3b-pd rect.g { stroke: rgba(255, 255, 255, .45); }
.o3b-kart { position: absolute; z-index: 3; left: 16px; top: 16px; width: min(340px, calc(100% - 32px)); max-height: calc(100% - 150px); overflow: auto;
  padding: 14px 16px 16px; border: 1px solid rgba(233, 239, 241, .16); border-radius: 14px; background: rgba(11, 15, 18, .9);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #e9eff1; font-size: 13.5px; line-height: 1.5; box-shadow: 0 12px 40px rgba(0, 0, 0, .35); }
.o3b-kart[hidden] { display: none; }
.o3b-kart-bas { display: flex; align-items: center; gap: 8px; }
.o3b-kart-bas .o3b-ke { margin: 0; flex: 1; color: #93a4ac; font-family: var(--mono, monospace); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; }
.o3b-kusak { width: 10px; height: 10px; border-radius: 3px; }
.o3b-kapat { width: 30px; height: 30px; margin: -6px -8px -6px 0; border: 0; border-radius: 50%; background: transparent; color: #e9eff1; font-size: 20px; line-height: 1; cursor: pointer; }
.o3b-kapat:hover, .o3b-kapat:focus-visible { background: rgba(233, 239, 241, .1); outline: none; }
.o3b-kart h4 { margin: 6px 0 4px; font-size: 18px; line-height: 1.25; color: #fff; }
.o3b-kart h4 small { font-family: var(--mono, monospace); font-size: 12px; font-weight: 400; color: #93a4ac; }
.o3b-is { margin: 0 0 8px; color: #c9d2d6; }
.o3b-alt-b { margin: 10px 0 4px; font-family: var(--mono, monospace); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: #93a4ac; }
.o3b-kart ul { margin: 0; padding: 0 0 0 16px; }
.o3b-kart li { margin: 2px 0; }
.o3b-karar { margin: 10px 0 0; padding: 8px 10px; border-left: 2px solid #ff5162; background: rgba(233, 239, 241, .05); border-radius: 0 8px 8px 0; color: #c9d2d6; }
.o3b-karar b { color: #fff; }
.o3b-kat { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0; }
.o3b-kat a { color: #ff8a96; text-decoration: none; font-weight: 600; }
.o3b-kat a:hover { text-decoration: underline; }
.o3b.is-dik .o3b-kart { left: 10px; right: 10px; width: auto; top: calc(var(--kapH, 480px) * .52); max-height: calc(var(--kapH, 480px) * .48 - 10px); padding: 12px 14px 14px; font-size: 13px; }
.o3b.is-dik .o3b-kart h4 { font-size: 16px; }
.o3b { --m-ust: #f1f4f4; --m-kenar: #39434a; --m-kapak: #e4e8e9; --m-ek: #aeb8bc; --m-gov: #d3d9db; }
.o3b.m-y-seramik { --m-ust: #f8f7f2; --m-kenar: #cfcdc4; }
.o3b.m-y-epoksi { --m-ust: #2a3035; --m-kenar: #15191c; }
.o3b.m-y-kompakt { --m-ust: #e6e9e8; --m-kenar: #2b3136; }
.o3b.m-y-corian { --m-ust: #f6f4ef; --m-kenar: #ddd8cc; }
.o3b.m-g-mdf { --m-kapak: #f5f2eb; --m-ek: #cbc4b6; --m-gov: #e7e2d7; }
.o3b.m-g-paslanmaz { --m-kapak: #cdd4d8; --m-ek: #939da3; --m-gov: #b9c1c6; }
.o3b .t-tezgah .f-ust, .o3b .t-ada .f-ust { background: var(--m-ust); }
.o3b .t-tezgah .f.on, .o3b .t-ada .f.on {
  background:
    linear-gradient(var(--m-kenar), var(--m-kenar)) top / 100% 5% no-repeat,
    linear-gradient(to right, transparent 38%, #6f7b81 38% 62%, transparent 62%) 0 15% / calc(var(--m) * .6) 2px repeat-x,
    linear-gradient(to right, #9da3a6 0 3px, transparent 3px calc(100% - 3px), #9da3a6 calc(100% - 3px)) bottom / 100% 17% no-repeat,
    repeating-linear-gradient(to right, transparent 0 calc(var(--m) * 1.2 - 3px), #9da3a6 calc(var(--m) * 1.2 - 3px) calc(var(--m) * 1.2)) bottom / 100% 17% no-repeat,
    linear-gradient(#1b2328, #1b2328) bottom / 100% 17% no-repeat,
    repeating-linear-gradient(to right, var(--m-kapak) 0 calc(var(--m) * .6 - 1px), var(--m-ek) calc(var(--m) * .6 - 1px) calc(var(--m) * .6));
}
.o3b .t-tezgah .f:not(.on):not(.f-ust), .o3b .t-ada .f:not(.on):not(.f-ust) {
  background: linear-gradient(var(--m-kenar), var(--m-kenar)) top / 100% 5% no-repeat,
    linear-gradient(to right, #9da3a6 0 7%, transparent 7% 93%, #9da3a6 93%) bottom / 100% 17% no-repeat,
    linear-gradient(#1b2328, #1b2328) bottom / 100% 17% no-repeat, var(--m-gov);
}
.o3b.m-t-baza .t-tezgah .f.on, .o3b.m-t-baza .t-ada .f.on {
  background:
    linear-gradient(var(--m-kenar), var(--m-kenar)) top / 100% 5% no-repeat,
    linear-gradient(to right, transparent 38%, #6f7b81 38% 62%, transparent 62%) 0 15% / calc(var(--m) * .6) 2px repeat-x,
    linear-gradient(#3a4247, #3a4247) bottom / 100% 11% no-repeat,
    repeating-linear-gradient(to right, var(--m-kapak) 0 calc(var(--m) * .6 - 1px), var(--m-ek) calc(var(--m) * .6 - 1px) calc(var(--m) * .6));
}
.o3b.m-t-baza .t-tezgah .f:not(.on):not(.f-ust), .o3b.m-t-baza .t-ada .f:not(.on):not(.f-ust) {
  background: linear-gradient(var(--m-kenar), var(--m-kenar)) top / 100% 5% no-repeat, linear-gradient(#3a4247, #3a4247) bottom / 100% 11% no-repeat, var(--m-gov);
}
.o3b.m-t-mobil .t-tezgah .f.on, .o3b.m-t-mobil .t-ada .f.on {
  background:
    linear-gradient(var(--m-kenar), var(--m-kenar)) top / 100% 5% no-repeat,
    linear-gradient(to right, transparent 38%, #6f7b81 38% 62%, transparent 62%) 0 18% / calc(var(--m) * .6) 2px repeat-x,
    repeating-linear-gradient(to right, transparent 0 calc(var(--m) * .12), #22282e calc(var(--m) * .12) calc(var(--m) * .17), transparent calc(var(--m) * .17) calc(var(--m) * .43), #22282e calc(var(--m) * .43) calc(var(--m) * .48), transparent calc(var(--m) * .48) calc(var(--m) * .6)) bottom / 100% 6% no-repeat,
    linear-gradient(#1b2328, #1b2328) bottom / 100% 17% no-repeat,
    repeating-linear-gradient(to right, var(--m-kapak) 0 calc(var(--m) * .56), #1b2328 calc(var(--m) * .56) calc(var(--m) * .6)) 0 8% / 100% 75% no-repeat;
}

.o3b-not a { color: #ff8a96; font-weight: 600; text-decoration: none; white-space: nowrap; }
.o3b-not a:hover { text-decoration: underline; }
.o3b-mob-ac { position: absolute; right: 56px; top: 12px; z-index: 2; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(233, 239, 241, .28); background: rgba(11, 15, 18, .6); color: #e9eff1;
  font: 600 12.5px var(--sans, inherit); cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .3s ease; }
.o3b[data-a="3"] .o3b-mob-ac, .o3b[data-a="4"] .o3b-mob-ac { opacity: 1; pointer-events: auto; }
.o3b-mob-ac[aria-expanded="true"], .o3b-mob-ac:hover { border-color: #e9eff1; }
.o3b-mob-ac:focus-visible { outline: 2px solid #ff5162; outline-offset: 2px; }
.o3b-mob { position: absolute; right: 12px; top: 56px; z-index: 3; display: grid; gap: 10px; width: min(300px, calc(100% - 24px)); padding: 12px 14px 14px; border: 1px solid rgba(233, 239, 241, .16); border-radius: 14px;
  background: rgba(11, 15, 18, .92); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #e9eff1; box-shadow: 0 12px 40px rgba(0, 0, 0, .35); }
.o3b-mob[hidden] { display: none; }
.o3b-mob fieldset { margin: 0; padding: 0; border: 0; }
.o3b-mob legend { margin-bottom: 6px; padding: 0; font: 400 10.5px var(--mono, monospace); letter-spacing: .12em; text-transform: uppercase; color: #93a4ac; }
.o3b-mob fieldset > div { display: flex; flex-wrap: wrap; gap: 5px; }
.o3b-mob label { position: relative; cursor: pointer; }
.o3b-mob input { position: absolute; opacity: 0; pointer-events: none; }
.o3b-mob span { display: inline-block; padding: 5px 10px; border: 1px solid rgba(233, 239, 241, .22); border-radius: 999px; font-size: 12.5px; font-weight: 600; }
.o3b-mob input:checked + span { border-color: #e9eff1; background: #e9eff1; color: #0b0f12; }
.o3b-mob input:focus-visible + span { outline: 2px solid #ff5162; outline-offset: 2px; }
.o3b-mob { max-height: calc(100% - 68px); overflow-y: auto; overscroll-behavior: contain; }   
.o3b-mob-git { justify-self: start; font-size: 13px; font-weight: 600; color: #ff7280; text-decoration: none; }   
.o3b-mob-git:hover { text-decoration: underline; }
.o3b.is-dar.is-odak:not(.is-dik) .o3b-sahne { left: 50%; top: 30%; }
.o3b.is-dar .o3b-kart { left: 10px; right: 10px; width: auto; top: calc(var(--kapH, 480px) * .5); max-height: calc(var(--kapH, 480px) * .5 - 10px); padding: 12px 14px 14px; font-size: 13px; }
.o3b.is-dar .o3b-kart h4 { font-size: 16px; }
.o3b.is-dar .o3b-alt { gap: 10px; padding: 12px 14px 2px; }
.o3b.is-dar .o3b-adim button { font-size: 12.5px; }
.o3b.is-dar figcaption { padding: 4px 16px 16px 62px; }
@media (max-width: 560px) { .o3b.is-dar figcaption { padding: 4px 12px 14px; } }
@media print { .o3b-kap, .o3b-alt { display: none !important; } }
#lab-giris .nb-plan-kap[hidden] { display: none !important; }
#lab-giris #ornek3b { align-self: center; min-width: 0; }


.o3b-t { position: absolute; inset: 0; transform-style: preserve-3d; pointer-events: none; }
.o3b-t .o3b-b { transition: transform .3s ease, visibility 0s linear .3s; }
.o3b-t.is-kalk .o3b-b { visibility: visible; transform: translateZ(var(--z0)); }
.o3b-t.is-kalk .o3b-kutle .o3b-b { transition: transform .8s cubic-bezier(.2, .8, .2, 1) calc(.45s + var(--i) * 35ms), visibility 0s linear calc(.45s + var(--i) * 35ms); }
.o3b-t.is-kalk .o3b-don .o3b-b { transition: transform .7s cubic-bezier(.2, .8, .2, 1) calc(1.05s + var(--i) * 25ms), visibility 0s linear calc(1.05s + var(--i) * 25ms); }
.o3b-t .o3b-s { transition: transform .3s ease, visibility 0s linear .3s; }
.o3b-t.is-kalk .o3b-s { visibility: visible; transform: none; transition: transform .6s cubic-bezier(.2, .8, .2, 1) 1.6s, visibility 0s linear 1.6s; }
.o3b-t .t-duvar .f-ust { background: #c8cbcc; box-shadow: inset 0 0 0 1px rgba(60, 64, 66, .45); }
.o3b-t .t-duvar .f-S, .o3b-t .t-duvar .f-N { background: #dcdedf; box-shadow: inset 0 0 0 1px rgba(60, 64, 66, .2); }
.o3b-t .t-duvar .f-E, .o3b-t .t-duvar .f-W { background: #8d9193; box-shadow: inset 0 0 0 1px rgba(40, 44, 46, .25); }
.o3b-t .t-kolon .f-ust { background: #d2d5d6; box-shadow: inset 0 0 0 1px rgba(60, 64, 66, .45); }
.o3b-t .t-kolon .f-S, .o3b-t .t-kolon .f-N { background: #e3e5e5; box-shadow: inset 0 0 0 1px rgba(60, 64, 66, .25); }
.o3b-t .t-kolon .f-E, .o3b-t .t-kolon .f-W { background: #979b9d; box-shadow: inset 0 0 0 1px rgba(40, 44, 46, .3); }
.t-dkanal .f-ust { background: #f4f5f5; box-shadow: inset 0 0 0 1px rgba(60, 64, 66, .35); }
.t-dkanal .f { background: linear-gradient(#3b4348, #3b4348) 0 55% / 100% 12% no-repeat, #e7eaeb; box-shadow: inset 0 0 0 1px rgba(60, 64, 66, .3); }
.t-kasa .f, .t-kasa .f-ust { background: #cbb383; box-shadow: inset 0 0 0 1px rgba(120, 95, 50, .45); }
.o3b-t .t-kapi .f, .o3b-t .t-kapi .f-ust { background: linear-gradient(90deg, #b8975c 0 8%, #85827e 8% 92%, #b8975c 92%); box-shadow: inset 0 0 0 1px rgba(60, 50, 36, .5); }
.o3b-t .t-kapi.is-dis .f, .o3b-t .t-kapi.is-dis .f-ust { background: linear-gradient(90deg, #b8975c 0 8%, #ebe5d5 8% 92%, #b8975c 92%); }
.o3b-t .t-tezgah .f.on, .o3b-t .t-ada .f.on {
  background:
    linear-gradient(#cfd4d6, #cfd4d6) top / 100% 5% no-repeat,
    linear-gradient(to right, transparent 44%, #9aa2a6 44% 56%, transparent 56%) 0 20% / calc(var(--m) * .6) 2px repeat-x,
    linear-gradient(#8e979b, #8e979b) bottom / 100% 11% no-repeat,
    repeating-linear-gradient(to right, #eef0f1 0 calc(var(--m) * .6 - 1px), #bcc3c6 calc(var(--m) * .6 - 1px) calc(var(--m) * .6));
}
.o3b-t .t-tezgah .f:not(.on):not(.f-ust), .o3b-t .t-ada .f:not(.on):not(.f-ust) { background: linear-gradient(#cfd4d6, #cfd4d6) top / 100% 5% no-repeat, linear-gradient(#8e979b, #8e979b) bottom / 100% 11% no-repeat, #dfe3e4; }
.o3b-t .t-ocak .f-ust { background: #cdd2d4; box-shadow: inset 0 0 0 1px #3a4144; }
.o3b-t .t-ocak .f.on {
  background:
    linear-gradient(#30363a, #30363a) top / 100% 17% no-repeat,
    linear-gradient(to right, #3a4144 0 7%, transparent 7% 93%, #3a4144 93%) 0 17% / 100% 45% no-repeat,
    linear-gradient(rgba(140, 160, 166, .6), rgba(140, 160, 166, .4)) 0 17% / 100% 45% no-repeat,
    linear-gradient(#30363a, #30363a) 0 62% / 100% 3% no-repeat,
    linear-gradient(to right, #d9dddf calc(50% - 1px), #aab2b6 calc(50% - 1px) 50%, #d9dddf 50%);
}
.o3b-t .t-ocak .f:not(.on):not(.f-ust) { background: linear-gradient(#30363a, #30363a) top / 100% 17% no-repeat, #d6dadc; }
.o3b-t .t-cihaz .f.on { background: linear-gradient(#5d676d, #5d676d) 20% 26% / 28% 18% no-repeat, #e3e7e8; }
.o3b-t .t-cihaz .f:not(.on):not(.f-ust) { background: #d7dcde; }
.o3b-t :is(.t-tezgah, .t-ada, .t-masa) .f-ust { box-shadow: inset 0 0 0 1px rgba(30, 34, 36, .55); }
.o3b-t .t-masa .f-ust { background: #fbfcfc; }
.o3b-t .o3b-s .s-ot { background: #48527a; box-shadow: inset 0 0 0 1px #2a3150; }
.o3b-t .o3b-s .s-si { background: #3e476d; box-shadow: inset 0 0 0 1px #262c47; }
@media (prefers-reduced-motion: reduce) { .o3b-t .o3b-b, .o3b-t .o3b-s { transition: none !important; } }

.o3b-t .o3b-doseme { position: absolute; background: #eef0f1; opacity: 0; transition: opacity .3s ease; }
.o3b-t.is-kalk .o3b-doseme { opacity: 1; transition: opacity .6s ease .35s; }
@media (prefers-reduced-motion: reduce) { .o3b-t .o3b-doseme { transition: none !important; } }