@@ -5738,6 +5738,14 @@ body[data-rebrand=true]:not([data-background-kind=default]) .TabSwitcher_blob {
57385738.ModelSelector_modelButtonOpen : active {
57395739 background : var (--ds-color-theme-control-fill-tertiary );
57405740}
5741+ .ModelSelector_modelButtonReadOnly {
5742+ cursor : default;
5743+ padding-right : var (--sp-2 );
5744+ }
5745+ .ModelSelector_modelButtonReadOnly : hover ,
5746+ .ModelSelector_modelButtonReadOnly : active {
5747+ background : none;
5748+ }
57415749.ModelSelector_modelButtonLabel {
57425750 max-width : 120px ;
57435751 font-weight : 500 ;
@@ -6652,100 +6660,100 @@ body[data-rebrand=true]:not([data-background-kind=default]) .TabSwitcher_blob {
66526660 white-space : nowrap;
66536661}
66546662
6655- /* pages/new-tab/app/omnibar/components/UsageLimitsDrawer .module.css */
6656- .UsageLimitsDrawer_drawer {
6663+ /* pages/new-tab/app/omnibar/components/NoticeDrawer .module.css */
6664+ .NoticeDrawer_drawer {
66576665 margin : -32px 3px 0 ;
66586666 position : relative;
66596667 z-index : 0 ;
6660- animation : UsageLimitsDrawer_slideOpen 400ms cubic-bezier (0.33 , 1 , 0.68 , 1 ) 100ms both;
6668+ animation : NoticeDrawer_slideOpen 400ms cubic-bezier (0.33 , 1 , 0.68 , 1 ) 100ms both;
66616669}
66626670@media (prefers-reduced-motion : reduce) {
6663- .UsageLimitsDrawer_drawer {
6671+ .NoticeDrawer_drawer {
66646672 animation : none;
66656673 }
66666674}
6667- .UsageLimitsDrawer_hidden {
6675+ .NoticeDrawer_hidden {
66686676 display : none;
66696677}
6670- @keyframes UsageLimitsDrawer_slideOpen {
6678+ @keyframes NoticeDrawer_slideOpen {
66716679 from {
66726680 transform : translateY (calc (-100% + 32px ));
66736681 }
66746682 to {
66756683 transform : translateY (0 );
66766684 }
66776685}
6678- .UsageLimitsDrawer_card {
6686+ .NoticeDrawer_card {
66796687 background : var (--ds-color-theme-surface-secondary );
66806688 border-radius : 0 0 12px 12px ;
66816689 box-shadow : 0 1px 4px 0 rgba (0 , 0 , 0 , 0.1 ), 0 4px 8px 0 rgba (0 , 0 , 0 , 0.08 );
66826690 padding-top : 32px ;
66836691}
6684- [data-background-kind = color ] [data-theme = light ] .UsageLimitsDrawer_card ,
6685- [data-background-kind = gradient ] [data-theme = light ] .UsageLimitsDrawer_card ,
6686- [data-background-kind = userImage ] [data-theme = light ] .UsageLimitsDrawer_card {
6692+ [data-background-kind = color ] [data-theme = light ] .NoticeDrawer_card ,
6693+ [data-background-kind = gradient ] [data-theme = light ] .NoticeDrawer_card ,
6694+ [data-background-kind = userImage ] [data-theme = light ] .NoticeDrawer_card {
66876695 -webkit-backdrop-filter : blur (48px );
66886696 backdrop-filter : blur (48px );
66896697 background : rgba (255 , 255 , 255 , 0.54 );
66906698}
6691- [data-background-kind = color ] [data-theme = dark ] .UsageLimitsDrawer_card ,
6692- [data-background-kind = gradient ] [data-theme = dark ] .UsageLimitsDrawer_card {
6699+ [data-background-kind = color ] [data-theme = dark ] .NoticeDrawer_card ,
6700+ [data-background-kind = gradient ] [data-theme = dark ] .NoticeDrawer_card {
66936701 -webkit-backdrop-filter : blur (48px );
66946702 backdrop-filter : blur (48px );
66956703 background : rgba (255 , 255 , 255 , 0.12 );
66966704}
6697- [data-background-kind = userImage ] [data-theme = dark ] .UsageLimitsDrawer_card {
6705+ [data-background-kind = userImage ] [data-theme = dark ] .NoticeDrawer_card {
66986706 -webkit-backdrop-filter : blur (48px );
66996707 backdrop-filter : blur (48px );
67006708 background : rgba (0 , 0 , 0 , 0.3 );
67016709}
6702- .UsageLimitsDrawer_content {
6710+ .NoticeDrawer_content {
67036711 align-items : center;
67046712 display : flex;
67056713 gap : 8px ;
67066714 min-height : 42px ;
67076715 padding : 4px 12px 8px 16px ;
67086716}
6709- .UsageLimitsDrawer_leading {
6717+ .NoticeDrawer_leading {
67106718 display : grid;
67116719 flex-shrink : 0 ;
67126720 height : 16px ;
67136721 place-items : center;
67146722 width : 16px ;
67156723}
6716- .UsageLimitsDrawer_glyph {
6724+ .NoticeDrawer_glyph {
67176725 display : block;
67186726 grid-area : 1 / 1 ;
67196727 height : 16px ;
67206728 overflow : visible;
67216729 width : 16px ;
67226730}
6723- .UsageLimitsDrawer_info .info-icon-fill {
6731+ .NoticeDrawer_info .info-icon-fill {
67246732 fill : var (--ds-color-theme-icons-secondary );
67256733 fill-opacity : 1 ;
67266734}
6727- .UsageLimitsDrawer_ringTrack {
6735+ .NoticeDrawer_ringTrack {
67286736 stroke : var (--ds-color-theme-control-fill-primary );
67296737}
6730- .UsageLimitsDrawer_ringValue {
6738+ .NoticeDrawer_ringValue {
67316739 stroke : # 21c000 ;
67326740}
6733- .UsageLimitsDrawer_severity_neutral . UsageLimitsDrawer_ringValue {
6741+ .NoticeDrawer_severity_neutral . NoticeDrawer_ringValue {
67346742 stroke : # 21c000 ;
67356743}
6736- .UsageLimitsDrawer_severity_warning . UsageLimitsDrawer_ringValue {
6744+ .NoticeDrawer_severity_warning . NoticeDrawer_ringValue {
67376745 stroke : # f5a031 ;
67386746}
6739- .UsageLimitsDrawer_severity_critical . UsageLimitsDrawer_ringValue {
6747+ .NoticeDrawer_severity_critical . NoticeDrawer_ringValue {
67406748 stroke : # ea0f2c ;
67416749}
6742- .UsageLimitsDrawer_alertTriangle {
6750+ .NoticeDrawer_alertTriangle {
67436751 fill : # ea0f2c ;
67446752}
6745- .UsageLimitsDrawer_alertMark {
6753+ .NoticeDrawer_alertMark {
67466754 fill : var (--ds-color-theme-accent-content-primary , # fff );
67476755}
6748- .UsageLimitsDrawer_message {
6756+ .NoticeDrawer_message {
67496757 color : var (--ds-color-theme-text-primary );
67506758 flex : 1 ;
67516759 font-size : 12px ;
@@ -6754,30 +6762,34 @@ body[data-rebrand=true]:not([data-background-kind=default]) .TabSwitcher_blob {
67546762 margin : 0 ;
67556763 min-width : 0 ;
67566764}
6757- .UsageLimitsDrawer_primary {
6765+ .NoticeDrawer_primary {
67586766 font-weight : 400 ;
67596767}
6760- .UsageLimitsDrawer_messageEmphasized . UsageLimitsDrawer_primary {
6768+ .NoticeDrawer_messageEmphasized . NoticeDrawer_primary {
67616769 font-weight : 600 ;
67626770}
6763- .UsageLimitsDrawer_secondary {
6771+ .NoticeDrawer_messageStacked {
6772+ display : flex;
6773+ flex-direction : column;
6774+ }
6775+ .NoticeDrawer_secondary {
67646776 color : var (--ds-color-theme-text-secondary );
67656777 font-weight : 400 ;
67666778}
6767- .UsageLimitsDrawer_dismiss {
6779+ .NoticeDrawer_dismiss {
67686780 border-radius : 50% ;
67696781 flex-shrink : 0 ;
67706782 height : 24px ;
67716783 position : relative;
67726784 width : 24px ;
67736785}
6774- .UsageLimitsDrawer_ctaSplit {
6786+ .NoticeDrawer_ctaSplit {
67756787 align-items : center;
67766788 display : flex;
67776789 flex-shrink : 0 ;
67786790 height : var (--sp-7 );
67796791}
6780- .UsageLimitsDrawer_ctaPrimary {
6792+ .NoticeDrawer_ctaPrimary {
67816793 align-items : center;
67826794 background : var (--ds-color-theme-control-fill-primary );
67836795 border : none;
@@ -6791,19 +6803,19 @@ body[data-rebrand=true]:not([data-background-kind=default]) .TabSwitcher_blob {
67916803 padding : 0 12px ;
67926804 white-space : nowrap;
67936805}
6794- .UsageLimitsDrawer_ctaPrimary : hover {
6806+ .NoticeDrawer_ctaPrimary : hover {
67956807 background : var (--ds-color-theme-control-fill-secondary );
67966808}
6797- .UsageLimitsDrawer_ctaPrimary : active {
6809+ .NoticeDrawer_ctaPrimary : active {
67986810 background : var (--ds-color-theme-control-fill-tertiary );
67996811}
6800- .UsageLimitsDrawer_ctaPrimarySolo {
6812+ .NoticeDrawer_ctaPrimarySolo {
68016813 border-radius : 16px ;
68026814}
6803- .UsageLimitsDrawer_ctaPrimarySplit {
6815+ .NoticeDrawer_ctaPrimarySplit {
68046816 border-radius : 16px 0 0 16px ;
68056817}
6806- .UsageLimitsDrawer_ctaMenu {
6818+ .NoticeDrawer_ctaMenu {
68076819 align-items : center;
68086820 background : var (--ds-color-theme-control-fill-primary );
68096821 border : none;
@@ -6817,50 +6829,53 @@ body[data-rebrand=true]:not([data-background-kind=default]) .TabSwitcher_blob {
68176829 padding : 0 ;
68186830 width : var (--sp-7 );
68196831}
6820- .UsageLimitsDrawer_ctaMenu : hover {
6832+ .NoticeDrawer_ctaMenu : hover {
68216833 background : var (--ds-color-theme-control-fill-secondary );
68226834 border-left-color : transparent;
68236835}
6824- .UsageLimitsDrawer_ctaMenu : active {
6836+ .NoticeDrawer_ctaMenu : active {
68256837 background : var (--ds-color-theme-control-fill-tertiary );
68266838 border-left-color : transparent;
68276839}
6828- .UsageLimitsDrawer_ctaMenu svg {
6840+ .NoticeDrawer_ctaMenu svg {
68296841 display : block;
68306842}
6831- .UsageLimitsDrawer_ctaLabel {
6843+ .NoticeDrawer_ctaLabel {
68326844 max-width : 160px ;
68336845 overflow : hidden;
68346846 text-overflow : ellipsis;
68356847}
6836- .UsageLimitsDrawer_ctaMenuHeader {
6848+ .NoticeDrawer_ctaMenuHeader {
68376849 font-size : 11px ;
68386850 font-weight : 400 ;
68396851 line-height : 14px ;
68406852 padding : 0 6px ;
68416853 white-space : nowrap;
68426854}
6843- .UsageLimitsDrawer_ctaDropdown {
6855+ .NoticeDrawer_ctaDropdown {
68446856 min-width : 200px ;
68456857 width : 200px ;
68466858}
6847- .UsageLimitsDrawer_ctaModelName {
6859+ .NoticeDrawer_ctaModelName {
68486860 font-weight : 600 ;
68496861}
6850- .UsageLimitsDrawer_ctaModelVariant {
6862+ .NoticeDrawer_ctaModelVariant {
68516863 font-weight : 400 ;
68526864}
6853- .UsageLimitsDrawer_convertIcon {
6865+ .NoticeDrawer_convertIcon {
68546866 flex-shrink : 0 ;
68556867}
6856- body [data-rebrand = true ] .UsageLimitsDrawer_card {
6868+ .NoticeDrawer_leading .NoticeDrawer_convertIcon {
6869+ color : var (--ds-color-theme-icons-secondary );
6870+ }
6871+ body [data-rebrand = true ] .NoticeDrawer_card {
68576872 border-radius : 0 0 var (--ds-radius-x06 ) var (--ds-radius-x06 );
68586873 box-shadow : 0 10px 20px 0 rgba (0 , 0 , 0 , 0.02 ), 0 2px 6px 0 rgba (0 , 0 , 0 , 0.06 );
68596874}
6860- body [data-rebrand = true ] [data-theme = dark ] .UsageLimitsDrawer_card {
6875+ body [data-rebrand = true ] [data-theme = dark ] .NoticeDrawer_card {
68616876 box-shadow : 0 10px 20px 0 rgba (0 , 0 , 0 , 0.02 ), 0 2px 6px 0 rgba (0 , 0 , 0 , 0.06 );
68626877}
6863- body [data-rebrand = true ] .UsageLimitsDrawer_dismiss {
6878+ body [data-rebrand = true ] .NoticeDrawer_dismiss {
68646879 border-radius : 50% ;
68656880 height : 24px ;
68666881 width : 24px ;
0 commit comments