@import url("./operations-page.css");
@import url("./operations-hero.css");
@import url("./operations-practice.css");
/* Chamfered instrument controls, with an inset illuminated contour. Clipping
   belongs to the decorative surfaces rather than the focusable element. */
.theme-operations .button,
.theme-operations .site-header .nav-cta,
.theme-operations .calculator-panel button {
  --control-shape:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  --control-edge:linear-gradient(125deg,#d5ffff,#31ecf5 44%,#0491ae);
  --control-fill:linear-gradient(110deg,#26e8ee,#0cd0e5 65%,#08b7d3);
  --control-depth:#00687d;
  position:relative;
  isolation:isolate;
  border:0;
  border-radius:0;
  background:transparent;
  color:#032731;
  box-shadow:none;
  filter:drop-shadow(0 2px 0 var(--control-depth)) drop-shadow(0 5px 11px #00ddef1c);
  transition:transform .18s ease,filter .18s ease;
}
.theme-operations .button::before,
.theme-operations .site-header .nav-cta::before,
.theme-operations .calculator-panel button::before,
.theme-operations .button::after,
.theme-operations .site-header .nav-cta::after,
.theme-operations .calculator-panel button::after {
  content:'';
  position:absolute;
  inset:0;
  z-index:-2;
  clip-path:var(--control-shape);
  background:var(--control-edge);
  pointer-events:none;
}
.theme-operations .button::after,
.theme-operations .site-header .nav-cta::after,
.theme-operations .calculator-panel button::after {
  inset:2px;
  z-index:-1;
  background:var(--control-fill);
  box-shadow:inset 0 1px 0 #cfffff55,inset 0 -2px 0 #00485938;
}
.theme-operations .button {min-height:44px;padding:10px 16px;gap:12px;font-weight:700}
.theme-operations .button:not(.secondary) {background:transparent;border:0;box-shadow:none}
.theme-operations .button-label {position:relative;z-index:1}
.theme-operations .button .button-arrow,
.theme-operations .site-header .nav-cta .button-arrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 25px;
  height:22px;
  width:25px;
  padding-left:9px;
  border-left:1px solid #034d6355;
  transition:transform .18s ease;
}
.theme-operations .button>.icon,
.theme-operations .site-header .nav-cta>.icon,
.theme-operations .calculator-panel button>.icon {transition:transform .18s ease}
.theme-operations .button.secondary,
.theme-operations .site-header .nav-cta {
  --control-edge:linear-gradient(125deg,#70edff,#237e92 48%,#46c8dd);
  --control-fill:linear-gradient(110deg,#092c38,#031c27);
  --control-depth:#001219;
  color:#a7f1fb;
  filter:drop-shadow(0 2px 0 var(--control-depth));
}
.theme-operations .site-header .nav-cta {
  padding:11px 20px!important;
  min-height:44px;
  gap:12px;
  color:#74edfc!important;
}
.theme-operations .button.secondary .button-arrow,
.theme-operations .site-header .nav-cta .button-arrow {border-left-color:#40a7ba66}
.theme-operations .button.secondary::after,
.theme-operations .site-header .nav-cta::after {inset:1px;box-shadow:inset 0 0 0 3px #001923,inset 0 0 0 4px #20516680}
.theme-operations .calculator-panel button {min-height:37px;gap:15px;font-weight:750;padding:9px 16px}
.theme-operations .calculator-panel button::after {inset:1px}
.theme-operations .operations-closing .button {min-height:43px;padding:10px 16px;gap:12px}
.theme-operations :is(.button,.site-header .nav-cta,.calculator-panel button):focus-visible {
  outline:3px solid #c0fcff;
  outline-offset:5px;
}
@media(hover:hover) and (pointer:fine) {
  .theme-operations :is(.button,.site-header .nav-cta,.calculator-panel button):hover {
    background:transparent;
    box-shadow:none;
    color:#032731;
    transform:translateY(-1px);
    filter:drop-shadow(0 3px 0 var(--control-depth)) drop-shadow(0 6px 12px #0edfff33);
  }
  .theme-operations :is(.button.secondary,.site-header .nav-cta):hover {color:#d4fbff!important}
  .theme-operations :is(.button,.nav-cta):hover .button-arrow,
  .theme-operations :is(.button,.nav-cta,.calculator-panel button):hover>.icon {transform:translateX(2px)}
}
.theme-operations :is(.button,.site-header .nav-cta,.calculator-panel button):active {transform:translateY(1px);filter:drop-shadow(0 1px 0 var(--control-depth))}
@media(max-width:650px) {
  .theme-operations .operations-hero .button {min-height:44px;padding:10px 12px;gap:8px;font-size:11px}
  .theme-operations .button .button-arrow {flex-basis:21px;width:21px;padding-left:5px}
  .theme-operations .operations-closing .button {min-height:44px;padding:10px 13px;gap:8px}
  .theme-operations .calculator-panel button {min-height:44px}
}
@media(prefers-reduced-motion:reduce) {
  .theme-operations :is(.button,.site-header .nav-cta,.calculator-panel button),
  .theme-operations :is(.button,.nav-cta) .button-arrow,
  .theme-operations :is(.button,.nav-cta,.calculator-panel button)>.icon {transition:none;transform:none!important}
}