:root{font-family:system-ui,sans-serif;color-scheme:light dark;--animate-duration: .3s;--safe-area-inset-bottom: env(safe-area-inset-bottom)}body{margin:0}html{overscroll-behavior-y:none}img{max-width:100%;vertical-align:middle;height:auto}*{box-sizing:border-box}button{all:unset;outline:revert;cursor:pointer;box-sizing:revert;-webkit-tap-highlight-color:transparent}@property --scaleX{syntax: "<number>"; initial-value: 1; inherits: false;}@property --translateX{syntax: "<length>"; initial-value: 0; inherits: false;}._topPadding_q0euw_1{padding-top:env(safe-area-inset-top)}._bottomPadding_q0euw_4{padding-bottom:env(safe-area-inset-bottom)}._leftPadding_q0euw_7{padding-left:env(safe-area-inset-left)}._bottomPadding_q0euw_4{padding-right:env(safe-area-inset-right)}._horizontalPadding_q0euw_13{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}._verticalPadding_q0euw_17{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}._fullPadding_q0euw_21{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}._halfSheet_1w0l8_1{position:fixed;width:600px;max-width:100%;background-color:#000;max-height:95vh;display:flex;flex-direction:column}@media (max-width: 600px){._halfSheet_1w0l8_1{bottom:0;left:0;right:0;border-top:1px solid #333;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}}@media (min-width: 601px){._halfSheet_1w0l8_1{top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #333;border-radius:16px}}._halfSheetHeader_1w0l8_29{position:absolute;top:0;left:0;right:0;display:flex;border-bottom:1px solid #333;background-color:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}._halfSheetHeader_1w0l8_29>*{flex:1 1 1px}._halfSheetHeader_1w0l8_29>*:nth-child(2){text-align:center}._halfSheetHeader_1w0l8_29>*:nth-child(3){text-align:right}._halfSheet_1w0l8_1 h3{margin:0;padding:4px 0}._cover_1w0l8_53{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._content_1w0l8_59{padding:0 16px;overflow:auto;flex-shrink:1}._halfSheet_e6xqs_1{view-transition-name:half-sheet}@keyframes _slide-up-centered_e6xqs_1{0%{transform:translateY(calc(50vh + 50%))}}@keyframes _slide-down-centered_e6xqs_1{to{transform:translateY(calc(50vh + 50%))}}@keyframes _slide-up_e6xqs_1{0%{transform:translateY(100%)}}@keyframes _slide-down_e6xqs_1{to{transform:translateY(100%)}}@media only screen and (max-width: 600px) and (prefers-reduced-motion: no-preference) and (update: fast){::view-transition-old(half-sheet){animation:var(--animate-duration) ease-in both _slide-down_e6xqs_1}::view-transition-new(half-sheet){animation:var(--animate-duration) ease-in both _slide-up_e6xqs_1}}@media only screen and (min-width: 601px) and (prefers-reduced-motion: no-preference) and (update: fast){::view-transition-old(half-sheet){animation:var(--animate-duration) ease-in both _slide-down-centered_e6xqs_1}::view-transition-new(half-sheet){animation:var(--animate-duration) ease-in both _slide-up-centered_e6xqs_1}}._segmentedControlOuter_pzead_1{--padding-size: 16px;padding:var(--padding-size);padding-left:calc(env(safe-area-inset-left) + var(--padding-size));padding-right:calc(env(safe-area-inset-right) + var(--padding-size));background:#ddd}._segmentedControl_pzead_1{display:flex;background-color:#ccc;border-radius:8px;padding:2px}._segmentedControlItem_pzead_14{padding:8px;text-align:center;flex-grow:1;flex-basis:1px;position:relative}._segmentedControlItem_pzead_14>._background_pzead_21{border-radius:8px}._segmentedControlItem_pzead_14._selected_pzead_24>._background_pzead_21{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#aaa}._segmentedControlItem_pzead_14:not(:last-child):after{content:"";border-right:1px solid #aaa;position:absolute;right:0;height:1lh;top:50%;transform:translateY(-50%);transition:var(--animate-duration) opacity}._segmentedControlItem_pzead_14._isAdjacentSelected_pzead_39:not(:last-child):after{opacity:0}._text_pzead_42{position:relative;z-index:1}@media (prefers-color-scheme: dark){._segmentedControlOuter_pzead_1{background:#333}._segmentedControl_pzead_1{background-color:#444}._segmentedControlItem_pzead_14._selected_pzead_24>._background_pzead_21{background-color:#666}._segmentedControlItem_pzead_14:not(:last-child):after{border-right:1px solid #666}}._selectedSegmentedControl_89p02_1{view-transition-name:segmented-control}._sidenavDrawer_1bxsi_1{display:flex}._drawerContent_1bxsi_4{width:280px}._drawerContentWrapper_1bxsi_7{position:sticky;top:0}._mobileDrawer_1bxsi_11{position:absolute;top:0;left:0;bottom:0;transform:translate(-280px);display:flex;flex-direction:column;border-inline-end:1px solid white;background-color:#eee}@media (prefers-color-scheme: dark){._mobileDrawer_1bxsi_11{border-inline-end:1px solid black;background-color:#111}}._sidenav_1bxsi_1{flex-shrink:0}._content_1bxsi_31{position:relative}._content_1bxsi_31._visible_1bxsi_34{transform:translate(280px)}._sidenavContent_1bxsi_37{flex-grow:1}._contentCover_1bxsi_40{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;z-index:1}._contentCover_1bxsi_40._visible_1bxsi_34{opacity:1;pointer-events:all}._groupContainer_1bxsi_53{contain:paint}._drawer_1bxsi_4._visible_1bxsi_34{transform:translate(280px)}._sticky_1bxsi_59{position:sticky;top:0}._fill_1bxsi_63{flex-grow:1}._viewPager_x8x5l_1{display:flex;flex-direction:column;min-height:100lvh}._header_x8x5l_6{border-bottom:1px solid #eee;background-color:#ffffffa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:absolute;top:0;left:0;right:0;z-index:1}@media (prefers-color-scheme: dark){._header_x8x5l_6{border-bottom:1px solid #222;background-color:#000000a6}}._tabs_x8x5l_23{display:flex}._tab_x8x5l_23{flex-grow:1;flex-basis:1px;justify-content:center;display:flex;cursor:pointer}._tabNameContainer_x8x5l_33{padding:16px 8px;position:relative}._tabName_x8x5l_33{margin:0;font-size:1rem}._indicator_x8x5l_43{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:1.5px}._selected_x8x5l_51{background-color:#5bf}._content_x8x5l_54{contain:paint;flex-grow:1}._contentWrapper_x8x5l_58{min-height:60vh}._page_x8x5l_61{position:absolute;top:0;left:0;transform:translate(calc(var(--i) * 100%));height:100dvh;overflow-y:auto;overscroll-behavior-y:contain}._spacer_x8x5l_70{position:relative}._pullDown_x8x5l_73{opacity:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}._header_1akbt_1{display:flex;height:36px;align-items:center}._header_1akbt_1>*{flex:1 0 1px}._heading_1akbt_9{margin:0;font-size:1rem;text-align:center;font-weight:400}._drawerContent_1akbt_16{view-transition-name:drawer}._content_1akbt_19{view-transition-name:content}._viewPagerContent_1akbt_23{view-transition-name:tab}._tabRight_1akbt_26{view-transition-name:tab-right}@keyframes _slide-out-left_1akbt_1{to{transform:translate(-100%)}}@keyframes _slide-out-right_1akbt_1{to{transform:translate(100%)}}@keyframes _slide-in-left_1akbt_1{0%{transform:translate(100%)}}@keyframes _slide-in-right_1akbt_1{0%{transform:translate(-100%)}}@media only screen and (prefers-reduced-motion: no-preference) and (update: fast){::view-transition-old(tab){animation:var(--animate-duration) ease-in _slide-out-left_1akbt_1}::view-transition-new(tab){animation:var(--animate-duration) ease-in _slide-in-left_1akbt_1}}@media only screen and (prefers-reduced-motion: no-preference) and (update: fast){::view-transition-old(tab-right){animation:var(--animate-duration) ease-in _slide-out-right_1akbt_1}::view-transition-new(tab-right){animation:var(--animate-duration) ease-in _slide-in-right_1akbt_1}}._drawerHeading_jgm5w_1{padding:16px}._drawerLinks_jgm5w_5{padding:0;margin:0}._drawerLinks_jgm5w_5>li{list-style-type:none}._drawerLink_jgm5w_5{padding:16px;display:block;width:100%}@media (hover: hover) and (pointer: fine){._drawerLink_jgm5w_5:hover{background-color:#ffffff1a}}@media (hover: none){._drawerLink_jgm5w_5:active{background-color:#ffffff1a}}._startControl_jgm5w_32{width:20px;height:20px;border:1px solid #555;display:inline-block;margin-inline-start:8px}._page_jgm5w_40{padding:4px 8px}._header_oc10g_1{display:flex;height:36px;align-items:center}._header_oc10g_1>*{flex:1 0 1px}._heading_oc10g_9{margin:0;font-size:1rem;text-align:center;font-weight:400}._contentCover_oc10g_15,._contentCover_44wao_1{transition:var(--animate-duration) opacity}._rotate_1pjvt_1{animation:_rotation_1pjvt_1 1s infinite linear}@keyframes _rotation_1pjvt_1{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}._header_rkaxn_1{display:flex;height:36px;align-items:center}._header_rkaxn_1>*{flex:1 0 1px}._heading_rkaxn_9{margin:0;font-size:1rem;text-align:center;font-weight:400}._lockScreen_1uzof_1{height:100dvh;display:flex;flex-direction:column;position:relative;--distance-from-bottom:calc(120px + env(safe-area-inset-bottom))}._backgroundImage_1uzof_8{background-image:url(/animations-demo-react/assets/iphone-background-1c5b27a1.jpg);background-size:cover;background-position:center;position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;z-index:-1}@media (display-mode: standalone){._lockScreen_1uzof_1{height:100lvh}}._statusBar_1uzof_21{height:env(safe-area-inset-top)}._scrollableContent_1uzof_25{flex-grow:1;overflow:hidden auto;overscroll-behavior-y:none;padding-bottom:var(--distance-from-bottom)}._infoContent_1uzof_31{text-align:center;margin-bottom:16px;position:sticky;top:0}._infoSpacer_1uzof_37{height:250px}._itemPadding_1uzof_40{padding:4px}._lock_1uzof_1{height:1.5rem}._time_1uzof_48{--font-size: clamp(5rem, 18vw, 10rem);font-size:var(--font-size);line-height:var(--font-size);font-weight:300}._widgetsContainer_1uzof_54{padding-left:32px;padding-right:32px;max-width:450px;margin:auto}._widgets_1uzof_54{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}._widget_1uzof_46{aspect-ratio:1/ 1;display:flex}._widgetSpan2_1uzof_69{grid-column-end:span 2;display:flex}._widgetPlaceholder_1uzof_73{display:flex;flex-grow:1;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:16px}._bottomControls_1uzof_82{display:flex;justify-content:space-between;padding:32px}._leftControl_1uzof_87{left:32px}._rightControl_1uzof_90{right:32px}._control_1uzof_93{position:absolute;bottom:32px;margin-bottom:env(safe-area-inset-bottom);z-index:99999;padding:16px;border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ffffff59;width:52px;height:52px;text-align:center}._homeArea_1uzof_109{height:env(safe-area-inset-bottom)}@media (prefers-color-scheme: dark){._control_1uzof_93{background-color:#00000059}}._drawerContainer_1uzof_119{overflow:hidden auto;scrollbar-width:none}._drawerContainer_1uzof_119::-webkit-scrollbar{display:none}._drawerContent_1uzof_126{display:flex;flex-direction:column;gap:16px}._drawerContent_1uzof_126:before,._drawerContent_1uzof_126:after{content:""}._drawerPadding_1uzof_135{padding-inline-start:16px;padding-inline-end:16px}._drawerWidget_1uzof_139{aspect-ratio:2 / 1;background-color:#5bf;border-radius:16px}._sidenavDrawer_1erej_1{display:flex}._drawerContent_1erej_4{width:280px;min-height:100dvh}@media (max-width: 500px){._drawerContent_1erej_4{width:100%}}._mobileDrawer_1erej_16{position:absolute;top:0;left:0;bottom:0;transform:translate(-100%);display:flex;flex-direction:column;z-index:1;will-change:transform}._sidenav_1erej_1{flex-shrink:0}._content_1erej_30{position:relative;z-index:0}._content_1erej_30._visible_1erej_34{filter:blur(16px);transform:perspective(500px) translateZ(-10px);pointer-events:none}._sidenavContent_1erej_39{flex-grow:1}._contentCover_1erej_42{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;z-index:1}._contentCover_1erej_42._visible_1erej_34{opacity:1;pointer-events:all}._groupContainer_1erej_55{contain:paint}._drawer_1erej_4._visible_1erej_34{transform:translate(0)}._fill_1erej_61{flex-grow:1}._contentCover_44wao_1{transition:var(--animate-duration) opacity}._notifItemPadding_8y8mz_1{padding:4px 8px;max-width:450px;margin:auto;position:relative}._notifItemPadding_8y8mz_1._exiting_8y8mz_8{transform:translate(-100%);transition:.2s transform;position:absolute}._notifItemPadding_8y8mz_1._fixed_8y8mz_13{pointer-events:none}._notification_8y8mz_16{border-radius:16px;display:flex;background-color:#ffffff54;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 16px;position:relative}._notification_8y8mz_16._fixed_8y8mz_13{bottom:var(--distance-from-bottom)}._notification_8y8mz_16._dragScale_8y8mz_28{transform:translate(var(--translateX))}._iconContainer_8y8mz_31{margin-right:16px;aspect-ratio:1 / 1;display:flex;place-items:center}._flexGrow_8y8mz_39{flex-grow:1}._notifTop_8y8mz_42{display:flex}._notifContent_8y8mz_45{flex-grow:1}._fadedText_8y8mz_48{color:#00000080}._smallerFont_8y8mz_51{font-size:.88rem}._message_8y8mz_54{font-size:.9rem;font-weight:300}._cutBox_8y8mz_59{position:absolute;top:4px;right:8px;bottom:4px;contain:paint;border-radius:calc(16px / var(--scaleX)) / 16px;opacity:clamp(0,(var(--scaleX) - .1) / .2,1);pointer-events:none;backface-visibility:hidden;display:flex;flex-direction:row-reverse}._cutBox_8y8mz_59._fixed_8y8mz_13{display:"none"}._cutBox_8y8mz_59._viewControls_8y8mz_76{pointer-events:all}._cutBox_8y8mz_59._dragWidth_8y8mz_82{width:0}._cutBox_8y8mz_59._dragScale_8y8mz_28{--scaleX: .05;transform-origin:top right;transform:scaleX(var(--scaleX))}._cutBox_8y8mz_59._dragScale_8y8mz_28._viewControls_8y8mz_76{--scaleX: 1}._cutBox_8y8mz_59._dragSlide_8y8mz_96{transform:translate(100%)}._cutBox_8y8mz_59._dragSlide_8y8mz_96._viewControls_8y8mz_76{transform:translate(0)}._notifOptions_8y8mz_102{position:relative;right:0;top:0;bottom:0;display:flex;gap:8px;height:100%}._cutBox_8y8mz_59._dragScale_8y8mz_28 ._notifOptions_8y8mz_102{--scaleX: .05;transform-origin:top right;transform:scaleX(calc(1 / var(--scaleX)))}._cutBox_8y8mz_59._dragScale_8y8mz_28 ._notifOptions_8y8mz_102._visible_8y8mz_111{--scaleX: 1}._cutBox_8y8mz_59._dragSlide_8y8mz_96 ._notifOptions_8y8mz_102{transform:translate(-100%)}._cutBox_8y8mz_59._dragSlide_8y8mz_96 ._notifOptions_8y8mz_102._visible_8y8mz_111{transform:translate(0)}._notifControl_8y8mz_128{background-color:#ffffff54;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 16px;border-radius:calc(16px / var(--scaleX)) / 16px;display:flex;align-items:center;justify-content:center;transform-origin:top right;transform:translate(var(--translateX)) scaleX(var(--scaleX))}._scaleRev_8y8mz_142{transform:scaleX(calc(1/max(1,var(--scaleX))))}@keyframes _scaleNormal_8y8mz_1{to{--scaleX: 1;--translateX: 0}}@keyframes _scaleHidden_8y8mz_1{to{--scaleX: .05;--translateX: 0}}@media (prefers-color-scheme: dark){._notification_8y8mz_16{background-color:#00000054}._fadedText_8y8mz_48{color:#ffffff80}}._fixed_1jdkv_1{position:fixed}._page_1sqzk_1{overflow:hidden auto;height:100dvh}@media (display-mode: standalone){._page_1sqzk_1{height:100vh}}._content_1sqzk_10{display:flex;flex-direction:column-reverse}._description_1sqzk_14{padding-left:8px;padding-right:8px}._modal_1sqzk_18{position:fixed;top:0;right:0;bottom:0;left:0;background:Canvas}._hidden_1sqzk_23{display:none}._video_1sqzk_26{width:100%;height:auto}._gallery_1u0bf_1{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}@media (max-width: 900px){._gallery_1u0bf_1{grid-template-columns:repeat(4,1fr)}}@media (max-width: 600px){._gallery_1u0bf_1{grid-template-columns:repeat(3,1fr)}}._imageContainer_1u0bf_16{display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1;overflow:hidden;contain:paint;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);transform-origin:top left;will-change:transform}._horizontal_1u0bf_28{height:100%;width:auto;max-width:initial}._vertical_1u0bf_33{height:auto;width:100%}._hide_1u0bf_37{animation:.3s _hideVisibility_1u0bf_1 forwards}@keyframes _hideVisibility_1u0bf_1{to{visibility:hidden}}._modal_lw0vq_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:Canvas;animation:.3s _fadeInBackground_lw0vq_1;display:flex;flex-direction:column;z-index:1;justify-content:center;contain:paint}@keyframes _fadeInBackground_lw0vq_1{0%{background-color:transparent}to{background-color:Canvas}}@media (prefers-color-scheme: dark){@keyframes _fadeInBackground_lw0vq_1{0%{background-color:transparent}to{background-color:#000}}}._offscreen_lw0vq_31{position:absolute;top:50%;left:50%}._offscreenLeft_lw0vq_36{transform:translate(-50%,-50%) translate(-100vw)}._offscreenRight_lw0vq_39{transform:translate(-50%,-50%) translate(100vw)}._modalMedia_lw0vq_42{align-self:center;transform-origin:top left;contain:paint;will-change:transform}._modalFooter_lw0vq_48{position:absolute;top:100%;left:0;right:0}._horizontal_lw0vq_55{height:100%;width:auto;max-width:initial}._vertical_lw0vq_60{height:auto;width:100%}._hide_lw0vq_64{animation:.3s _hideVisibility_lw0vq_1 forwards}@keyframes _hideVisibility_lw0vq_1{to{visibility:hidden}}