Bottom left
Author: s | 2025-04-25
Another way to say Bottom Left? Synonyms for Bottom Left (other words and phrases for Bottom Left). Synonyms for Bottom left. 54 other terms for bottom left- words and phrases with similar Definition of bottom-left in the Definitions.net dictionary. Meaning of bottom-left. What does bottom-left mean? Information and translations of bottom-left in the most comprehensive
at the left bottom vs at the bottom left - TextRanch
Tailwind CSS Skew is a utility that is used to apply transformation by Specifying an element's origin.Tailwind CSS Transform Origin ClassesThe following is the list of Tailwind CSS Transform Origin Classes that are used to apply transform origin. Class CSS Properties origin-center transform-origin: center; origin-top transform-origin: top; origin-top-right transform-origin: top right; origin-right transform-origin: right; origin-bottom-right transform-origin: bottom right; origin-bottom transform-origin: bottom; origin-bottom-left transform-origin: bottom left; origin-left transform-origin: left; origin-top-left transform-origin: top left; Functionality of Tailwind CSS Transform Origin Classes origin-center: This class is used to set the transform origin of an element at the center. origin-top: This class is used to set the transform origin of an element at the top. origin-top-right: This class is used to set the transform origin of an element at the top-right. origin-right: This class is used to set the transform origin of an element at the right. origin-bottom-right: This class is used to set the transform origin of an element at the bottom-right. origin-bottom: This class is used to set the transform origin of an element at the bottom. origin-bottom-left: This class is used to set the transform origin of an element at the bottom-left. origin-left: This class is used to set the transform origin of an element at the left. origin-top-left: This class is used to set the transform origin of an element at the top-left.Tailwind CSS Transform Origin ExampleThe following example will illustrate the different transformation of an element based on the specified origin.Example Tailwind CSS Origin Classes origin-center origin-top origin-top-right Example Tailwind CSS Origin Classes origin-right origin-bottom-right origin-bottom Example Tailwind CSS Origin Classes origin-bottom-left origin-left origin-top-left Another way to say Bottom Left? Synonyms for Bottom Left (other words and phrases for Bottom Left). Synonyms for Bottom left. 54 other terms for bottom left- words and phrases with similar Block;}:host([warning]) { outline: 2px solid red !important;}.nav-wrapper { width: 100%; height: 100%; position: fixed; overflow: hidden; z-index: 10; top: 0; left: -100%; transition: left 350ms ease;}.nav-wrapper.open { left: 0;}.mobile-nav { background-color: var(--scw-color-grey-10); border-radius: 15px 15px 15px 15px; box-shadow: 0px 2px 36px 0px rgba(0, 0, 0, 0.14); display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; height: 100%; border-radius: 0;}.mobile-nav > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .header { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px;}.mobile-nav .header > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.mobile-nav .header scw-link { height: 26px;}.mobile-nav .header .header-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px; gap: var(--scw-spacing-3);}.mobile-nav .header .header-nav > *:not(:last-child) { margin-right: var(--scw-spacing-3); --margin-right: var( --scw-spacing-3 );}.mobile-nav .header scw-icon { background-color: rgba(0, 0, 0, 0); width: 26px; height: 26px; --scw-icon-color: var(default-header-scw-icon-icon-vector-vars.$background-color);}.mobile-nav .scroll-wrapper { width: 100%; height: 100%; overflow: scroll; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; padding-top: 2px;}.mobile-nav .scroll-wrapper > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .search { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.mobile-nav .search > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 0.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );}.mobile-nav .search scw-input { width: 100%;}.mobile-nav .main-nav { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-left: 0; border-right: 0; border-top: 0;}.mobile-nav .main-nav > *:not(:last-child) { margin-bottom: 0px; --margin-bottom: 0px;}.mobile-nav .secondary-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; gap: calc(var(--scw-spacing-1) * 1.5);}.mobile-nav .secondary-nav > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 1.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );}.mobile-nav .footer { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: var(--scw-spacing-3);}.mobile-nav .footer > *:not(:last-child) { margin-bottom: var(--scw-spacing-2); --margin-bottom: var( --scw-spacing-2 );}.mobile-nav .footer scw-link {Comments
Tailwind CSS Skew is a utility that is used to apply transformation by Specifying an element's origin.Tailwind CSS Transform Origin ClassesThe following is the list of Tailwind CSS Transform Origin Classes that are used to apply transform origin. Class CSS Properties origin-center transform-origin: center; origin-top transform-origin: top; origin-top-right transform-origin: top right; origin-right transform-origin: right; origin-bottom-right transform-origin: bottom right; origin-bottom transform-origin: bottom; origin-bottom-left transform-origin: bottom left; origin-left transform-origin: left; origin-top-left transform-origin: top left; Functionality of Tailwind CSS Transform Origin Classes origin-center: This class is used to set the transform origin of an element at the center. origin-top: This class is used to set the transform origin of an element at the top. origin-top-right: This class is used to set the transform origin of an element at the top-right. origin-right: This class is used to set the transform origin of an element at the right. origin-bottom-right: This class is used to set the transform origin of an element at the bottom-right. origin-bottom: This class is used to set the transform origin of an element at the bottom. origin-bottom-left: This class is used to set the transform origin of an element at the bottom-left. origin-left: This class is used to set the transform origin of an element at the left. origin-top-left: This class is used to set the transform origin of an element at the top-left.Tailwind CSS Transform Origin ExampleThe following example will illustrate the different transformation of an element based on the specified origin.Example Tailwind CSS Origin Classes origin-center origin-top origin-top-right Example Tailwind CSS Origin Classes origin-right origin-bottom-right origin-bottom Example Tailwind CSS Origin Classes origin-bottom-left origin-left origin-top-left
2025-04-15Block;}:host([warning]) { outline: 2px solid red !important;}.nav-wrapper { width: 100%; height: 100%; position: fixed; overflow: hidden; z-index: 10; top: 0; left: -100%; transition: left 350ms ease;}.nav-wrapper.open { left: 0;}.mobile-nav { background-color: var(--scw-color-grey-10); border-radius: 15px 15px 15px 15px; box-shadow: 0px 2px 36px 0px rgba(0, 0, 0, 0.14); display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; height: 100%; border-radius: 0;}.mobile-nav > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .header { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px;}.mobile-nav .header > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.mobile-nav .header scw-link { height: 26px;}.mobile-nav .header .header-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px; gap: var(--scw-spacing-3);}.mobile-nav .header .header-nav > *:not(:last-child) { margin-right: var(--scw-spacing-3); --margin-right: var( --scw-spacing-3 );}.mobile-nav .header scw-icon { background-color: rgba(0, 0, 0, 0); width: 26px; height: 26px; --scw-icon-color: var(default-header-scw-icon-icon-vector-vars.$background-color);}.mobile-nav .scroll-wrapper { width: 100%; height: 100%; overflow: scroll; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; padding-top: 2px;}.mobile-nav .scroll-wrapper > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .search { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.mobile-nav .search > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 0.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );}.mobile-nav .search scw-input { width: 100%;}.mobile-nav .main-nav { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-left: 0; border-right: 0; border-top: 0;}.mobile-nav .main-nav > *:not(:last-child) { margin-bottom: 0px; --margin-bottom: 0px;}.mobile-nav .secondary-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; gap: calc(var(--scw-spacing-1) * 1.5);}.mobile-nav .secondary-nav > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 1.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );}.mobile-nav .footer { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: var(--scw-spacing-3);}.mobile-nav .footer > *:not(:last-child) { margin-bottom: var(--scw-spacing-2); --margin-bottom: var( --scw-spacing-2 );}.mobile-nav .footer scw-link {
2025-04-17!important;}.nav-wrapper { width: 100%; height: 100%; position: fixed; overflow: hidden; z-index: 10; top: 0; left: -100%; transition: left 350ms ease;}.nav-wrapper.open { left: 0;}.mobile-nav { background-color: var(--scw-color-grey-10); border-radius: 15px 15px 15px 15px; box-shadow: 0px 2px 36px 0px rgba(0, 0, 0, 0.14); display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; height: 100%; border-radius: 0;}.mobile-nav > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .header { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px;}.mobile-nav .header > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.mobile-nav .header scw-link { height: 26px;}.mobile-nav .header .header-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px; gap: var(--scw-spacing-3);}.mobile-nav .header .header-nav > *:not(:last-child) { margin-right: var(--scw-spacing-3); --margin-right: var( --scw-spacing-3 );}.mobile-nav .header scw-icon { background-color: rgba(0, 0, 0, 0); width: 26px; height: 26px; --scw-icon-color: var(default-header-scw-icon-icon-vector-vars.$background-color);}.mobile-nav .scroll-wrapper { width: 100%; height: 100%; overflow: scroll; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; padding-top: 2px;}.mobile-nav .scroll-wrapper > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .search { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.mobile-nav .search > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 0.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );}.mobile-nav .search scw-input { width: 100%;}.mobile-nav .main-nav { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-left: 0; border-right: 0; border-top: 0;}.mobile-nav .main-nav > *:not(:last-child) { margin-bottom: 0px; --margin-bottom: 0px;}.mobile-nav .secondary-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; gap: calc(var(--scw-spacing-1) * 1.5);}.mobile-nav .secondary-nav > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 1.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );}.mobile-nav .footer { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: var(--scw-spacing-3);}.mobile-nav .footer > *:not(:last-child) { margin-bottom: var(--scw-spacing-2); --margin-bottom: var( --scw-spacing-2 );}.mobile-nav .footer scw-link { width: 100%;}.inner .title { text-align: CENTER;
2025-04-12Solid red !important;}.nav-wrapper { width: 100%; height: 100%; position: fixed; overflow: hidden; z-index: 10; top: 0; left: -100%; transition: left 350ms ease;}.nav-wrapper.open { left: 0;}.mobile-nav { background-color: var(--scw-color-grey-10); border-radius: 15px 15px 15px 15px; box-shadow: 0px 2px 36px 0px rgba(0, 0, 0, 0.14); display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; height: 100%; border-radius: 0;}.mobile-nav > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .header { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px;}.mobile-nav .header > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.mobile-nav .header scw-link { height: 26px;}.mobile-nav .header .header-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px; gap: var(--scw-spacing-3);}.mobile-nav .header .header-nav > *:not(:last-child) { margin-right: var(--scw-spacing-3); --margin-right: var( --scw-spacing-3 );}.mobile-nav .header scw-icon { background-color: rgba(0, 0, 0, 0); width: 26px; height: 26px; --scw-icon-color: var(default-header-scw-icon-icon-vector-vars.$background-color);}.mobile-nav .scroll-wrapper { width: 100%; height: 100%; overflow: scroll; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; padding-top: 2px;}.mobile-nav .scroll-wrapper > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .search { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.mobile-nav .search > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 0.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );}.mobile-nav .search scw-input { width: 100%;}.mobile-nav .main-nav { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-left: 0; border-right: 0; border-top: 0;}.mobile-nav .main-nav > *:not(:last-child) { margin-bottom: 0px; --margin-bottom: 0px;}.mobile-nav .secondary-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; gap: calc(var(--scw-spacing-1) * 1.5);}.mobile-nav .secondary-nav > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 1.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );}.mobile-nav .footer { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: var(--scw-spacing-3);}.mobile-nav .footer > *:not(:last-child) { margin-bottom: var(--scw-spacing-2); --margin-bottom: var( --scw-spacing-2 );}.mobile-nav .footer scw-link { width: 100%;}.inner .title {
2025-04-092px solid red !important;}.nav-wrapper { width: 100%; height: 100%; position: fixed; overflow: hidden; z-index: 10; top: 0; left: -100%; transition: left 350ms ease;}.nav-wrapper.open { left: 0;}.mobile-nav { background-color: var(--scw-color-grey-10); border-radius: 15px 15px 15px 15px; box-shadow: 0px 2px 36px 0px rgba(0, 0, 0, 0.14); display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; height: 100%; border-radius: 0;}.mobile-nav > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .header { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px;}.mobile-nav .header > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.mobile-nav .header scw-link { height: 26px;}.mobile-nav .header .header-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px; gap: var(--scw-spacing-3);}.mobile-nav .header .header-nav > *:not(:last-child) { margin-right: var(--scw-spacing-3); --margin-right: var( --scw-spacing-3 );}.mobile-nav .header scw-icon { background-color: rgba(0, 0, 0, 0); width: 26px; height: 26px; --scw-icon-color: var(default-header-scw-icon-icon-vector-vars.$background-color);}.mobile-nav .scroll-wrapper { width: 100%; height: 100%; overflow: scroll; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; padding-top: 2px;}.mobile-nav .scroll-wrapper > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .search { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.mobile-nav .search > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 0.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );}.mobile-nav .search scw-input { width: 100%;}.mobile-nav .main-nav { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-left: 0; border-right: 0; border-top: 0;}.mobile-nav .main-nav > *:not(:last-child) { margin-bottom: 0px; --margin-bottom: 0px;}.mobile-nav .secondary-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; gap: calc(var(--scw-spacing-1) * 1.5);}.mobile-nav .secondary-nav > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 1.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );}.mobile-nav .footer { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: var(--scw-spacing-3);}.mobile-nav .footer > *:not(:last-child) { margin-bottom: var(--scw-spacing-2); --margin-bottom: var( --scw-spacing-2 );}.mobile-nav .footer scw-link { width: 100%;}.inner .title
2025-04-22{ outline: 2px solid red !important;}.nav-wrapper { width: 100%; height: 100%; position: fixed; overflow: hidden; z-index: 10; top: 0; left: -100%; transition: left 350ms ease;}.nav-wrapper.open { left: 0;}.mobile-nav { background-color: var(--scw-color-grey-10); border-radius: 15px 15px 15px 15px; box-shadow: 0px 2px 36px 0px rgba(0, 0, 0, 0.14); display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; height: 100%; border-radius: 0;}.mobile-nav > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .header { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px;}.mobile-nav .header > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.mobile-nav .header scw-link { height: 26px;}.mobile-nav .header .header-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-end; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 50px; gap: var(--scw-spacing-3);}.mobile-nav .header .header-nav > *:not(:last-child) { margin-right: var(--scw-spacing-3); --margin-right: var( --scw-spacing-3 );}.mobile-nav .header scw-icon { background-color: rgba(0, 0, 0, 0); width: 26px; height: 26px; --scw-icon-color: var(default-header-scw-icon-icon-vector-vars.$background-color);}.mobile-nav .scroll-wrapper { width: 100%; height: 100%; overflow: scroll; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-3); padding-right: var(--scw-spacing-3); padding-top: 0px; padding-bottom: 0px; padding-top: 2px;}.mobile-nav .scroll-wrapper > *:not(:last-child) { margin-bottom: var(--scw-spacing-3); --margin-bottom: var( --scw-spacing-3 );}.mobile-nav .search { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.mobile-nav .search > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 0.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );}.mobile-nav .search scw-input { width: 100%;}.mobile-nav .main-nav { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-left: 0; border-right: 0; border-top: 0;}.mobile-nav .main-nav > *:not(:last-child) { margin-bottom: 0px; --margin-bottom: 0px;}.mobile-nav .secondary-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; gap: calc(var(--scw-spacing-1) * 1.5);}.mobile-nav .secondary-nav > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 1.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );}.mobile-nav .footer { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: var(--scw-spacing-3);}.mobile-nav .footer > *:not(:last-child) { margin-bottom: var(--scw-spacing-2); --margin-bottom: var( --scw-spacing-2 );}.mobile-nav .footer scw-link { width:
2025-04-06