@layer components{.ios{--ios-red:#ff3b30;--ios-grey:#8e8e93;--ios-bar:#78788038;--ios-fill:var(--sd-apple-fill);--ios-group:#fff;--ios-switch:#34c759;--ios-field:#7878801f;--ios-field-line:#d2d2d7}:root[data-theme=night] .ios{--ios-red:#ff453a;--ios-grey:#8d8d93;--ios-bar:#78788066;--ios-fill:#000;--ios-group:#1c1c1e;--ios-switch:#30d158;--ios-field:#7878803d;--ios-field-line:#424245}.ios .hd-screen{background:var(--ios-fill);color:var(--sd-alert-ink)}.ios[data-scene=account] .hd-screen{background:var(--sd-apple-paper)}.ios-bar{height:calc(10 * var(--u));border-radius:calc(5 * var(--u));background:var(--ios-bar);flex:none;display:inline-block}.ios-settings,.ios-page,.ios-review{background:var(--ios-fill);color:var(--sd-alert-ink);flex-direction:column;display:flex;position:absolute;inset:0}.ios-nav{height:calc(44 * var(--u));padding-inline:calc(8 * var(--u));color:var(--sd-apple);font-size:calc(17 * var(--u));flex:none;align-items:center;line-height:1;display:flex;position:relative}.ios-nav__back{align-items:center;gap:calc(5 * var(--u));display:inline-flex}.ios-nav__back>svg{width:calc(12 * var(--u));height:calc(20 * var(--u));fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px}.ios-nav--modal{padding-inline:calc(16 * var(--u));justify-content:space-between}.ios-nav__title{color:var(--sd-alert-ink);text-align:center;font-weight:600;position:absolute;inset-inline:0}.ios-nav__action{z-index:1;position:relative}.ios-nav__action.is-bold{font-weight:600}.ios-account{align-items:center;gap:calc(8 * var(--u));padding-top:calc(8 * var(--u));flex-direction:column;flex:none;display:flex}.ios-avatar{width:calc(56 * var(--u));height:calc(56 * var(--u));color:#fff;background:linear-gradient(#b0b0b6,#8e8e93);border-radius:50%;place-items:center;display:grid}.ios-avatar>svg{fill:currentColor;width:62%;height:62%}.ios-account__name{width:calc(140 * var(--u));height:calc(14 * var(--u))}.ios-account__email{width:calc(180 * var(--u));height:calc(9 * var(--u));margin-top:calc(-2 * var(--u))}.ios-group{margin:calc(20 * var(--u)) calc(16 * var(--u)) 0;border-radius:calc(10 * var(--u));background:var(--ios-group);flex-direction:column;flex:none;display:flex;overflow:hidden}.ios-row{height:calc(44 * var(--u));align-items:center;gap:calc(8 * var(--u));padding-inline:calc(16 * var(--u));font-size:calc(17 * var(--u));white-space:nowrap;flex:none;line-height:1;display:flex;position:relative}.ios-row+.ios-row:before{content:"";top:0;right:0;left:calc(16 * var(--u));border-top:calc(.5 * var(--u)) solid var(--sd-alert-line);position:absolute}.ios-row__chevron{width:calc(8 * var(--u));height:calc(14 * var(--u));fill:none;stroke:var(--ios-grey);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;margin-inline-start:auto}.ios-row__detail{color:var(--ios-grey);margin-inline-start:auto}.ios-row__detail~.ios-row__chevron{margin-inline-start:0}.ios-row--signout{color:var(--ios-red);justify-content:center}.ios-row__value{width:calc(150 * var(--u));margin-inline-start:auto}.ios-header{margin:calc(24 * var(--u)) calc(32 * var(--u)) 0;color:var(--ios-grey);font-size:calc(13 * var(--u));text-transform:uppercase;line-height:1}.ios-header+.ios-group{margin-top:calc(8 * var(--u))}.ios-check{width:calc(14 * var(--u));height:calc(12 * var(--u));fill:none;stroke:var(--sd-apple);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;flex:none;margin-inline-start:auto}.ios-scrim{z-index:2;background:#0003;position:absolute;inset:0}.ios[data-scene=review] .ios-scrim{opacity:0}.ios-page{z-index:1}.ios-nav--page{padding-inline:calc(16 * var(--u))}.ios-page__port{flex:1;min-height:0;position:relative;overflow:hidden}.ios-page__rows{inset-inline:0;padding-bottom:calc(34 * var(--u));flex-direction:column;display:flex;position:absolute;bottom:0}.ios-row__label{width:calc(128 * var(--u))}.ios-row:nth-child(2n)>.ios-row__label{width:calc(176 * var(--u))}.ios-group--passed:nth-child(2n)>.ios-row:nth-child(odd)>.ios-row__label{width:calc(96 * var(--u))}.ios-row--link{color:var(--sd-apple)}.ios-row--destructive{color:var(--ios-red)}.ios-switch{width:calc(51 * var(--u));height:calc(31 * var(--u));border-radius:calc(15.5 * var(--u));background:var(--ios-switch);flex:none;margin-inline-start:auto;position:relative}.ios-switch:after{content:"";top:calc(2 * var(--u));right:calc(2 * var(--u));width:calc(27 * var(--u));height:calc(27 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #0003;background:#fff;border-radius:50%;position:absolute}.ios .is-pressed{background-color:var(--sd-hairline)}.ios-alert{z-index:4;width:calc(270 * var(--u));border-radius:calc(14 * var(--u));background:var(--sd-alert);color:var(--sd-alert-ink);text-align:center;position:absolute;top:42%;left:50%;overflow:hidden;translate:-50% -50%}.ios-alert p{margin:0}.ios-alert__title{padding:calc(19 * var(--u)) calc(16 * var(--u)) 0;font-size:calc(17 * var(--u));font-weight:600;line-height:calc(22 * var(--u))}.ios-alert__body{padding:calc(4 * var(--u)) calc(16 * var(--u)) calc(19 * var(--u));font-size:calc(13 * var(--u));line-height:calc(16 * var(--u))}.ios-alert__buttons,.ios-alert__stack{border-top:calc(.5 * var(--u)) solid var(--sd-alert-line);display:flex}.ios-alert__stack{flex-direction:column}.ios-alert__buttons>span,.ios-alert__stack>span{justify-content:center;align-items:center;gap:calc(4 * var(--u));padding:calc(11 * var(--u));color:var(--sd-apple);font-size:calc(17 * var(--u));line-height:calc(22 * var(--u));flex:1;display:inline-flex;position:relative}.ios-alert__buttons>span+span{border-inline-start:calc(.5 * var(--u)) solid var(--sd-alert-line)}.ios-alert__stack>span+span{border-top:calc(.5 * var(--u)) solid var(--sd-alert-line)}.ios-alert .is-default{font-weight:600}.ios-alert .is-destructive{color:var(--ios-red)}.ios-alert--confirm{top:44%}.ios-alert__name{width:calc(56 * var(--u));height:calc(9 * var(--u))}.ios-alert__email{width:calc(96 * var(--u));height:calc(8 * var(--u))}.ios-alert__body .ios-alert__name{width:calc(44 * var(--u));height:calc(8 * var(--u))}.ios-alert__kept{white-space:nowrap}.ios-alert--prompt,.ios-alert--review{opacity:0;visibility:hidden}.ios-review{z-index:5}.ios-signin{z-index:5;inset:calc(10 * var(--u)) 0 0;padding:calc(66 * var(--u)) calc(36 * var(--u)) calc(76 * var(--u));border-radius:calc(38 * var(--u)) calc(38 * var(--u)) 0 0;background:var(--ios-group);color:var(--sd-alert-ink);flex-direction:column;display:flex;position:absolute}.ios-signin p{margin:0}.ios[data-scene=signin] .ios-settings>.ios-nav{visibility:hidden}.ios-signin__close{top:calc(18 * var(--u));right:calc(19 * var(--u));width:calc(40 * var(--u));height:calc(40 * var(--u));background:var(--ios-field);border-radius:50%;place-items:center;display:grid;position:absolute}.ios-signin__close>svg{width:calc(14 * var(--u));height:calc(14 * var(--u));fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px}.ios-signin__title{font-size:calc(22 * var(--u));font-weight:700;line-height:calc(28 * var(--u))}.ios-signin__lead{color:var(--ios-grey);font-size:calc(20 * var(--u));line-height:calc(25 * var(--u))}.ios-signin__field{height:calc(46 * var(--u));margin-top:calc(22 * var(--u));padding-inline:calc(16 * var(--u));border-radius:calc(23 * var(--u));background:var(--ios-field);font-size:calc(17 * var(--u));flex:none;align-items:center;line-height:1;display:flex;position:relative}.ios-signin__placeholder{color:var(--ios-grey);opacity:0;position:absolute}.ios-signin__fill{width:calc(170 * var(--u))}.ios-signin__forgot{align-items:center;gap:calc(9 * var(--u));margin-top:calc(16 * var(--u));color:var(--sd-apple);font-size:calc(16 * var(--u));line-height:1;display:flex}.ios-signin__forgot:before{content:"i";width:calc(16 * var(--u));height:calc(16 * var(--u));background:var(--sd-apple);color:#fff;font-family:ui-rounded,ui-sans-serif,system-ui,sans-serif;font-size:calc(11 * var(--u));border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.ios-signin__notice{gap:calc(6 * var(--u));flex-direction:column;margin-top:auto;display:flex}.ios-signin__notice>.ios-bar{width:100%;height:calc(6 * var(--u))}.ios-signin__notice>.ios-bar:last-child{width:58%}.ios-signin__notice+.ios-signin__continue{margin-top:calc(22 * var(--u))}@media (prefers-reduced-motion:reduce){.ios[data-scene=signin] .ios-alert--prompt{opacity:1;visibility:visible}.ios[data-scene=signin] .ios-alert__stack>span:nth-child(2){background-color:var(--sd-hairline)}.ios[data-scene=signin] .ios-signin{visibility:hidden}.ios[data-scene=signin] .ios-settings>.ios-nav{visibility:visible}}.ios-signin__continue{height:calc(48 * var(--u));border-radius:calc(24 * var(--u));background:color-mix(in srgb, var(--sd-apple) 78%, #000);color:#fff;font-size:calc(17 * var(--u));flex:none;place-items:center;font-weight:600;line-height:1;display:grid;position:relative}.ios-web{gap:calc(12 * var(--u));padding:calc(24 * var(--u)) calc(20 * var(--u));background:var(--sd-apple-paper);color:var(--sd-alert-ink);flex-direction:column;flex:1;display:flex}.ios-web__title{margin:0 0 calc(4 * var(--u));font-size:calc(24 * var(--u));font-weight:600;line-height:calc(30 * var(--u))}.ios-field{height:calc(52 * var(--u));justify-content:center;gap:calc(6 * var(--u));padding-inline:calc(14 * var(--u));border:calc(1 * var(--u)) solid var(--ios-field-line);border-radius:calc(10 * var(--u));flex-direction:column;flex:none;display:flex;position:relative}.ios-field__label{color:var(--ios-grey);font-size:calc(11 * var(--u));line-height:1}.ios-field__value{width:calc(150 * var(--u));height:calc(9 * var(--u))}.ios-field__now{color:var(--sd-apple);font-size:calc(15 * var(--u));line-height:1}.ios-field--region{border-color:var(--sd-apple)}.ios-field__was{top:calc(30 * var(--u));left:calc(14 * var(--u));opacity:0;position:absolute}.ios-button{height:calc(44 * var(--u));margin-top:calc(8 * var(--u));border-radius:calc(10 * var(--u));background:var(--sd-apple);color:#fff;font-size:calc(17 * var(--u));flex:none;place-items:center;font-weight:500;display:grid}.ios[data-scene=account]{--sd-act:9.6s}.ios[data-scene=review]{--sd-act:12s}.ios:is([data-scene=signout],[data-scene=signin]){--sd-act:14.4s}.ios-press--region,.ios-press--media,.ios-press--review{--sd-at:.16}.ios[data-scene=signin] .ios-press--media{--sd-at:.1}.ios-press--not{--sd-at:.3}.ios-press--none{--sd-at:.5}.ios-press--signout{--sd-at:.54}.ios-press--signin{--sd-at:.66}.ios-press--confirm{--sd-at:.78}@media (prefers-reduced-motion:no-preference){.ios:not([data-wait]) :is(.ios-field__was,.ios-field__now,.ios-field--region,.ios-scrim,.ios-page,.ios-page__rows,.ios-row--destructive,.ios-alert--prompt,.ios-alert--review,.ios-alert--confirm,.ios-signin,.ios[data-scene=signin] .ios-settings>.ios-nav,.ios-signin__placeholder,.ios-signin__fill,.ios-signin__continue,.ios-review,.ios-check,.is-pressed){animation-duration:var(--sd-run);animation-timing-function:var(--ease-out);animation-iteration-count:infinite;animation-delay:.3s;animation-fill-mode:both}.ios:not([data-wait]) .ios-field__was{animation-name:ios-was}.ios:not([data-wait]) .ios-field__now{animation-name:ios-now}.ios:not([data-wait]) .ios-field--region{animation-name:ios-region}.ios:not([data-wait])[data-scene=signout] .ios-scrim{animation-name:ios-scrim-late}.ios:not([data-wait]) .ios-page__rows{animation-name:ios-rows}.ios:not([data-wait]) .ios-row--destructive{animation-name:ios-tapped}.ios:not([data-wait]) .ios-alert--confirm{animation-name:ios-alert-late}.ios:not([data-wait]) .ios-alert--confirm .is-pressed{animation-name:ios-pressed-last}.ios:not([data-wait]) .ios-review .ios-check{animation-name:ios-held}.ios:not([data-wait]) .ios-alert--review{animation-name:ios-alert-out}.ios:not([data-wait])[data-scene=signin] .ios-scrim{animation-name:ios-scrim-early}.ios:not([data-wait]) .ios-alert--prompt{animation-name:ios-ask}.ios:not([data-wait]) .ios-signin{animation-name:ios-sheet}.ios:not([data-wait])[data-scene=signin] .ios-settings>.ios-nav{animation-name:ios-under-sheet}.ios:not([data-wait]) .ios-signin__placeholder{animation-name:ios-placeholder}.ios:not([data-wait]) .ios-signin__fill{animation-name:ios-fill}.ios:not([data-wait]) .ios-signin__continue{animation-name:ios-continue}.ios:not([data-wait])[data-scene=review] .ios-scrim{animation-name:ios-scrim-out}.ios:not([data-wait]) :is(.ios-page,.ios-review){animation-name:ios-page}}@keyframes ios-was{0%,10.26%,27.35%{opacity:1}29.06%,95.73%,to{opacity:0}}@keyframes ios-now{0%,10.26%,27.35%{opacity:0}30.77%,95.73%,to{opacity:1}}@keyframes ios-region{0%,10.26%,27.35%{border-color:var(--ios-field-line)}30.77%,95.73%,to{border-color:var(--sd-apple)}}@keyframes ios-scrim-late{0%,10.26%,63.25%{opacity:0}66.67%,95.73%,to{opacity:1}}@keyframes ios-scrim-out{0%,10.26%,27.35%{opacity:1}30.77%,95.73%,to{opacity:0}}@keyframes ios-rows{0%,10.26%,37.61%{translate:0 calc(100% - 746 * var(--u))}49.57%,95.73%,to{translate:0}}@keyframes ios-tapped{0%,10.26%,57.26%{background-color:#0000}58.97%,63.25%{background-color:var(--sd-hairline)}66.67%,95.73%,to{background-color:#0000}}@keyframes ios-page{0%,10.26%,27.35%{translate:0 100%}32.48%,95.73%,to{translate:0}}@keyframes ios-held{0%,10.26%,55.56%{opacity:0}57.26%,95.73%,to{opacity:1}}@keyframes ios-pressed-last{0%,10.26%,78.63%{background-color:#0000}80.34%,95.73%,to{background-color:var(--sd-hairline)}}@keyframes ios-alert-out{0%,10.26%,27.35%{opacity:1;visibility:visible}29.06%,95.73%,to{opacity:0;visibility:hidden}}@keyframes ios-scrim-early{0%,10.26%,22.22%{opacity:0}24.79%,95.73%,to{opacity:1}}@keyframes ios-ask{0%,10.26%,22.22%{opacity:0;visibility:hidden;scale:1.06}24.79%,39.32%{opacity:1;visibility:visible;scale:1}41.03%,95.73%,to{opacity:0;visibility:hidden;scale:1}}@keyframes ios-sheet{0%,10.26%,39.32%{translate:0 105%}44.44%,95.73%,to{translate:0}}@keyframes ios-under-sheet{0%,10.26%,41.03%{visibility:visible}44.44%,95.73%,to{visibility:hidden}}@keyframes ios-continue{0%,10.26%,52.99%{background-color:var(--ios-field);color:var(--ios-grey)}55.56%,68.38%{background-color:var(--sd-apple);color:#fff}70.09%,95.73%,to{background-color:color-mix(in srgb, var(--sd-apple) 78%, #000);color:#fff}}@keyframes ios-alert-late{0%,10.26%,63.25%{opacity:0;visibility:hidden;scale:1.06}65.81%,95.73%,to{opacity:1;visibility:visible;scale:1}}@keyframes ios-placeholder{0%,10.26%,52.99%{opacity:1}55.56%,95.73%,to{opacity:0}}@keyframes ios-fill{0%,10.26%,52.99%{opacity:0}55.56%,95.73%,to{opacity:1}}@media (max-width:63.999em){.ios[data-scene=account]{--cy:72}.ios[data-scene=signout]{--cy:300}.ios[data-scene=signin]{--cy:106;--ios-ask:250}@container (min-width:24rem){.ios[data-scene=signin]{--ios-ask:285}}.ios[data-scene=review]{--cy:120}@media (prefers-reduced-motion:no-preference){.ios:not([data-wait]):is([data-scene=signout],[data-scene=signin],[data-scene=review])>.sd-film{animation:var(--sd-cam) var(--sd-run) var(--ease-out) .3s infinite both}.ios[data-scene=signout]{--sd-cam:ios-cam-signout}.ios[data-scene=signin]{--sd-cam:ios-cam-signin}.ios[data-scene=review]{--sd-cam:ios-cam-review}}@media (prefers-reduced-motion:reduce){.ios[data-scene=signout]{--cy:620}.ios[data-scene=signin]{--cy:var(--ios-ask)}.ios[data-scene=signout] :is(.ios-scrim,.ios-alert--confirm){visibility:hidden}.ios[data-scene=signout] .ios-row--destructive{background-color:var(--sd-hairline)}}}@keyframes ios-cam-signout{0%,10.26%,27.35%{--cy:400}32.48%,37.61%{--cy:40}49.57%,63.25%{--cy:620}68.38%,95.73%,to{--cy:300}}@keyframes ios-cam-signin{0%,10.26%,22.22%{--cy:400}24.79%,29.91%{--cy:250}34.19%,39.32%{--cy:var(--ios-ask)}44.44%,58.12%{--cy:106}62.39%,95.73%,to{--cy:620}}@keyframes ios-cam-review{0%,10.26%,27.35%{--cy:270}33.33%,95.73%,to{--cy:120}}}
