.content-region:has(.transfer-page), html[data-transfer-active] .content-region { min-height: 0; }
html[data-transfer-fits][data-ontubs-surface="site"] { overflow-y: hidden; }
html[data-transfer-fits] .site-footer { display: none; }
.transfer-page { position: relative; isolation: isolate; min-height: max(36rem, calc(100svh - var(--site-header-height, 5.25rem))); min-height: max(36rem, calc(100dvh - var(--site-header-height, 5.25rem))); overflow: hidden; background: linear-gradient(140deg, #4674a7, #91b2ce 58%, #536984); }
.transfer-icons { position: absolute; width: 0; height: 0; overflow: hidden; }
.transfer-page__pictures, .transfer-page__picture, .transfer-page__shade { position: absolute; inset: 0; pointer-events: none; }
.transfer-page__pictures { z-index: 0; }
.transfer-page__picture { background-position: center 52%; background-size: cover; opacity: 0; transition: opacity 24s linear; }
.transfer-page__picture.is-visible { opacity: 1; }
.transfer-page__picture.is-initial { transition: none; }
.transfer-page__shade { background: linear-gradient(120deg, rgba(10, 31, 54, .30), rgba(12, 39, 69, .18) 48%, rgba(7, 31, 53, .32)); }
.transfer-page__workspace { position: relative; z-index: 1; width: min(100% - 1.6rem, 80rem); min-height: inherit; margin: auto; padding: clamp(.9rem, 2vh, 1.5rem) 0; display: flex; flex-direction: column; justify-content: center; gap: clamp(.85rem, 2.3vh, 1.5rem); }
.transfer-page h1 { margin: 0; color: #fff; text-align: center; font-size: clamp(1.35rem, 2.25vw, 2rem); line-height: 1.2; font-weight: 720; text-shadow: 0 2px 12px rgba(6, 24, 44, .5); }
.transfer-page__error { width: min(100%, 52rem); margin: -.3rem auto 0; padding: .42rem .6rem; border: 1px solid rgba(144, 39, 39, .48); border-radius: .35rem; background: rgba(255, 244, 244, .94); color: #7f2020; font-size: .84rem; line-height: 1.35; }
.transfer-page__error[hidden] { display: none; }
.transfer-page__columns { display: grid; grid-template-columns: minmax(18rem, .74fr) minmax(0, 1.6fr); align-items: center; gap: clamp(.8rem, 2.4vw, 2.3rem); }
.transfer-page__columns[hidden] { display: none; }
.transfer-card { width: 100%; min-width: 0; padding: clamp(.85rem, 1.55vw, 1.3rem); border: 1px solid rgba(255, 255, 255, .72); border-radius: .82rem; background: rgba(248, 251, 254, .87); box-shadow: 0 .4rem 1.6rem rgba(7, 28, 50, .12); backdrop-filter: blur(7px); color: #20364c; display: flex; flex-direction: column; gap: .65rem; }
.transfer-card--receive { container-type: inline-size; }
.transfer-card h2 { margin: 0; text-align: center; font-size: clamp(1rem, 1.35vw, 1.16rem); line-height: 1.25; font-weight: 720; }
.transfer-card h2 span { font-weight: 520; }
.transfer-card p { margin: 0; font-size: .91rem; line-height: 1.43; }
.transfer-card__premium { display: grid; justify-items: start; gap: .42rem; }
.transfer-card__premium button { padding: .28rem .58rem; border: 1px solid #437eb5; border-radius: .34rem; color: #225681; background: rgba(255, 255, 255, .72); font-size: .81rem; font-weight: 650; cursor: pointer; }
.transfer-card__premium button:hover { background: #e7f3ff; }
.transfer-picker-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin-top: auto; }
.transfer-picker-actions__button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; min-height: 6.2rem; padding: .62rem .5rem; border: 1px solid #a5bacb; border-radius: .55rem; background: rgba(255, 255, 255, .67); color: #1d405f; font-weight: 670; text-align: center; cursor: pointer; transition: background .2s, border-color .2s, transform .2s, box-shadow .2s; }
.transfer-picker-actions__button:hover { background: #fff; border-color: #4188c6; box-shadow: 0 .35rem .95rem rgba(31, 93, 146, .13); transform: translateY(-2px); }
.transfer-picker-actions__icon { height: 2.05rem; width: 2.2rem; display: grid; place-items: center; }
.transfer-picker-actions__icon img:not([src]) { visibility: hidden; }
.transfer-picker-actions__button[hidden] { display: none; }
.transfer-card__receive-grid { display: grid; grid-template-columns: minmax(15rem, .94fr) minmax(17rem, 1.08fr); align-items: stretch; gap: clamp(.7rem, 1.5vw, 1.3rem); min-width: 0; }
.transfer-card__receive-info { min-width: 0; display: flex; flex-direction: column; gap: .35rem; }
.transfer-settings { display: grid; gap: .38rem; }
.transfer-settings__switch, .transfer-settings__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(8rem, 43%); align-items: center; gap: .45rem; min-height: 2.25rem; font-size: .85rem; }
.transfer-settings__switch { cursor: pointer; }
.transfer-settings__switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.transfer-settings__switch-track { justify-self: end; position: relative; width: 2.35rem; height: 1.25rem; border-radius: 2rem; background: #a3b1bd; transition: background .2s; }
.transfer-settings__switch-track::after { content: ""; position: absolute; top: .15rem; left: .15rem; width: .95rem; height: .95rem; border-radius: 50%; background: #fff; transition: transform .2s; box-shadow: 0 1px 4px #48627766; }
.transfer-settings__switch input:checked + .transfer-settings__switch-track { background: #2375bd; }
.transfer-settings__switch input:checked + .transfer-settings__switch-track::after { transform: translateX(1.1rem); }
.transfer-settings__switch input:focus-visible + .transfer-settings__switch-track { outline: 1px solid #829eaf; outline-offset: 1px; }
.transfer-settings__combo, .transfer-settings__place { position: relative; display: flex; min-width: 0; height: 2.16rem; border: 1px solid #a8bcca; border-radius: .38rem; background: rgba(255, 255, 255, .83); }
.transfer-settings__combo:focus-within, .transfer-settings__place:focus-within { border-color: #829eaf; }
.ontubs-site-surface .transfer-page input:focus-visible { outline: none; }
.transfer-settings__combo input { width: 100%; min-width: 0; padding: .24rem .42rem; border: 0; outline: 0; background: transparent; color: inherit; font-size: .84rem; }
.transfer-settings__combo button, .transfer-settings__place button { border: 0; background: transparent; cursor: pointer; }
.transfer-settings__combo > button, .transfer-settings__place > button:last-of-type { width: 1.75rem; flex: none; border-left: 1px solid #d4e0e9; }
.transfer-settings__options, .transfer-settings__place-options { position: absolute; top: calc(100% + .15rem); right: 0; left: 0; z-index: 8; max-height: 12rem; overflow: auto; padding: .18rem; border: 1px solid #b5c9d9; border-radius: .4rem; background: #fff; box-shadow: 0 .45rem 1.15rem #193b5e30; }
.transfer-settings__options[data-above], .transfer-settings__place-options[data-above] { top: auto; bottom: calc(100% + .15rem); }
.transfer-settings__options[hidden], .transfer-settings__place-options[hidden] { display: none; }
.transfer-settings__options button, .transfer-settings__place-options button { display: block; width: 100%; padding: .33rem .4rem; border: 0; border-radius: .22rem; background: transparent; color: inherit; text-align: left; font-size: .83rem; cursor: pointer; }
.transfer-settings__options button:hover, .transfer-settings__options button:focus-visible, .transfer-settings__place-options button:hover, .transfer-settings__place-options button:focus-visible { background: #e7f2fc; }
.transfer-settings__place > button:first-child { min-width: 0; flex: 1; padding: .24rem .42rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-size: .82rem; }
.transfer-link { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: .5rem; }
.transfer-link[hidden] { display: none; }
.transfer-link__address { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .35rem; }
.transfer-link label { display: grid; min-width: 0; gap: .23rem; font-size: .82rem; font-weight: 620; }
.transfer-link input { width: 100%; min-width: 0; padding: .4rem .48rem; border: 1px solid #a8bcca; border-radius: .35rem; background: #fff; color: #233c54; font-size: .8rem; }
.transfer-link input:focus-visible { border-color: #829eaf; }
.transfer-link__address-actions { display: flex; gap: .25rem; }
.transfer-link__address-actions button, .transfer-link__qr-actions button { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 2rem; padding: .3rem .5rem; border: 1px solid #7aa5c8; border-radius: .36rem; background: #f7fbff; color: #245b88; font-size: .8rem; font-weight: 640; cursor: pointer; }
.transfer-link__address-actions button { width: 2.1rem; padding: .3rem; }
.transfer-link__address-actions button:hover, .transfer-link__qr-actions button:hover { background: #e8f4ff; }
.transfer-link button:disabled { opacity: .55; cursor: default; }
.transfer-link button:disabled:hover { background: #f7fbff; }
.transfer-link button svg { width: 1.1rem; height: 1.1rem; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.transfer-link__qr-layout { display: grid; flex: 1; grid-template-columns: minmax(0, 1fr) auto; align-items: center; justify-content: center; gap: .55rem; min-height: clamp(9.5rem, 25dvh, 16rem); }
.transfer-link__qr { display: grid; place-items: center; min-width: 0; text-align: center; font-size: .78rem; color: #496577; }
.transfer-link__qr canvas { display: block; width: min(100%, 25dvh, 16rem); height: auto; image-rendering: crisp-edges; }
.transfer-link__qr-actions { display: grid; align-content: center; gap: .4rem; }
@container (max-width: 39rem) { .transfer-card__receive-grid { grid-template-columns: 1fr; } .transfer-card__receive-info { min-height: 13rem; } }
@media (max-width: 62rem) { .transfer-page__columns { grid-template-columns: 1fr; justify-items: center; } .transfer-card--send { max-width: 36rem; } .transfer-card--receive { max-width: 52rem; } .transfer-page__workspace { justify-content: start; } }
@media (max-width: 42rem) { .transfer-card__receive-grid { grid-template-columns: 1fr; } .transfer-card__receive-info { min-height: 13rem; } }
@media (max-width: 25rem) { .transfer-settings__row { grid-template-columns: 1fr; gap: .1rem; } .transfer-settings__switch { grid-template-columns: 1fr auto; } }
@media (prefers-reduced-motion: reduce) { .ontubs-site-surface .transfer-page__picture:not(.is-initial) { transition-duration: 24s !important; } .transfer-picker-actions__button, .transfer-settings__switch-track, .transfer-settings__switch-track::after { transition: none; } }