Myanmar quake survivors without food, shelter as aftershock fears linger

.commerce, .commerce *, .commerce ::before, .commerce ::after {
–tw-border-spacing-x: 0;
–tw-border-spacing-y: 0;
–tw-translate-x: 0;
–tw-translate-y: 0;
–tw-rotate: 0;
–tw-skew-x: 0;
–tw-skew-y: 0;
–tw-scale-x: 1;
–tw-scale-y: 1;
–tw-pan-x: ;
–tw-pan-y: ;
–tw-pinch-zoom: ;
–tw-scroll-snap-strictness: proximity;
–tw-gradient-from-position: ;
–tw-gradient-via-position: ;
–tw-gradient-to-position: ;
–tw-ordinal: ;
–tw-slashed-zero: ;
–tw-numeric-figure: ;
–tw-numeric-spacing: ;
–tw-numeric-fraction: ;
–tw-ring-inset: ;
–tw-ring-offset-width: 0px;
–tw-ring-offset-color: #fff;
–tw-ring-color: rgb(59 130 246 / 0.5);
–tw-ring-offset-shadow: 0 0 #0000;
–tw-ring-shadow: 0 0 #0000;
–tw-shadow: 0 0 #0000;
–tw-shadow-colored: 0 0 #0000;
–tw-blur: ;
–tw-brightness: ;
–tw-contrast: ;
–tw-grayscale: ;
–tw-hue-rotate: ;
–tw-invert: ;
–tw-saturate: ;
–tw-sepia: ;
–tw-drop-shadow: ;
–tw-backdrop-blur: ;
–tw-backdrop-brightness: ;
–tw-backdrop-contrast: ;
–tw-backdrop-grayscale: ;
–tw-backdrop-hue-rotate: ;
–tw-backdrop-invert: ;
–tw-backdrop-opacity: ;
–tw-backdrop-saturate: ;
–tw-backdrop-sepia: ;
–tw-contain-size: ;
–tw-contain-layout: ;
–tw-contain-paint: ;
–tw-contain-style: ;
}

.commerce ::backdrop {
–tw-border-spacing-x: 0;
–tw-border-spacing-y: 0;
–tw-translate-x: 0;
–tw-translate-y: 0;
–tw-rotate: 0;
–tw-skew-x: 0;
–tw-skew-y: 0;
–tw-scale-x: 1;
–tw-scale-y: 1;
–tw-pan-x: ;
–tw-pan-y: ;
–tw-pinch-zoom: ;
–tw-scroll-snap-strictness: proximity;
–tw-gradient-from-position: ;
–tw-gradient-via-position: ;
–tw-gradient-to-position: ;
–tw-ordinal: ;
–tw-slashed-zero: ;
–tw-numeric-figure: ;
–tw-numeric-spacing: ;
–tw-numeric-fraction: ;
–tw-ring-inset: ;
–tw-ring-offset-width: 0px;
–tw-ring-offset-color: #fff;
–tw-ring-color: rgb(59 130 246 / 0.5);
–tw-ring-offset-shadow: 0 0 #0000;
–tw-ring-shadow: 0 0 #0000;
–tw-shadow: 0 0 #0000;
–tw-shadow-colored: 0 0 #0000;
–tw-blur: ;
–tw-brightness: ;
–tw-contrast: ;
–tw-grayscale: ;
–tw-hue-rotate: ;
–tw-invert: ;
–tw-saturate: ;
–tw-sepia: ;
–tw-drop-shadow: ;
–tw-backdrop-blur: ;
–tw-backdrop-brightness: ;
–tw-backdrop-contrast: ;
–tw-backdrop-grayscale: ;
–tw-backdrop-hue-rotate: ;
–tw-backdrop-invert: ;
–tw-backdrop-opacity: ;
–tw-backdrop-saturate: ;
–tw-backdrop-sepia: ;
–tw-contain-size: ;
–tw-contain-layout: ;
–tw-contain-paint: ;
–tw-contain-style: ;
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

.commerce, .commerce *,
.commerce ::before,
.commerce ::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: #e5e7eb;
/* 2 */
}

.commerce ::before,
.commerce ::after {
–tw-content: ”;
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user’s configured `sans` font-family by default.
5. Use the user’s configured `sans` font-feature-settings by default.
6. Use the user’s configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

.commerce hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */
border-top-width: 1px;
/* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

.commerce abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

.commerce h1,
.commerce h2,
.commerce h3,
.commerce h4,
.commerce h5,
.commerce h6 {
font-size: inherit;
font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

.commerce a {
text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

.commerce b,
.commerce strong {
font-weight: bolder;
}

/*
1. Use the user’s configured `mono` font-family by default.
2. Use the user’s configured `mono` font-feature-settings by default.
3. Use the user’s configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

.commerce code,
.commerce kbd,
.commerce samp,
.commerce pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, “Liberation Mono”, “Courier New”, monospace;
/* 1 */
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}

/*
Add the correct font size in all browsers.
*/

.commerce small {
font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

.commerce sub,
.commerce sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

.commerce sub {
bottom: -0.25em;
}

.commerce sup {
top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

.commerce table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
border-collapse: collapse;
/* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

.commerce button,
.commerce input,
.commerce optgroup,
.commerce select,
.commerce textarea {
font-family: inherit;
/* 1 */
font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
font-size: 100%;
/* 1 */
font-weight: inherit;
/* 1 */
line-height: inherit;
/* 1 */
letter-spacing: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

.commerce button,
.commerce select {
text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

.commerce button,
.commerce input:where([type=’button’]),
.commerce input:where([type=’reset’]),
.commerce input:where([type=’submit’]) {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

.commerce :-moz-focusring {
outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

.commerce :-moz-ui-invalid {
box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

.commerce progress {
vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

.commerce ::-webkit-inner-spin-button,
.commerce ::-webkit-outer-spin-button {
height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

.commerce [type=’search’] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

.commerce ::-webkit-search-decoration {
-webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

.commerce ::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

.commerce summary {
display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

.commerce blockquote,
.commerce dl,
.commerce dd,
.commerce h1,
.commerce h2,
.commerce h3,
.commerce h4,
.commerce h5,
.commerce h6,
.commerce hr,
.commerce figure,
.commerce p,
.commerce pre {
margin: 0;
}

.commerce fieldset {
margin: 0;
padding: 0;
}

.commerce legend {
padding: 0;
}

.commerce ol,
.commerce ul,
.commerce menu {
list-style: none;
margin: 0;
padding: 0;
}

/*
Reset default styling for dialogs.
*/

.commerce dialog {
padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

.commerce textarea {
resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user’s configured gray 400 color.
*/

.commerce input::-moz-placeholder, .commerce textarea::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}

.commerce input::placeholder,
.commerce textarea::placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}

/*
Set the default cursor for buttons.
*/

.commerce button,
.commerce [role=”button”] {
cursor: pointer;
}

/*
Make sure disabled buttons don’t get the pointer cursor.
*/

.commerce :disabled {
cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/

.commerce img,
.commerce svg,
.commerce video,
.commerce canvas,
.commerce audio,
.commerce iframe,
.commerce embed,
.commerce object {
display: block;
/* 1 */
vertical-align: middle;
/* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

.commerce img,
.commerce video {
max-width: 100%;
height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

.commerce [hidden]:where(:not([hidden=”until-found”])) {
display: none;
}

.commerce .container {
width: 100%;
}

@media (min-width: 640px) {
.commerce .container {
max-width: 640px;
}
}

@media (min-width: 768px) {
.commerce .container {
max-width: 768px;
}
}

@media (min-width: 1024px) {
.commerce .container {
max-width: 1024px;
}
}

@media (min-width: 1280px) {
.commerce .container {
max-width: 1280px;
}
}

@media (min-width: 1536px) {
.commerce .container {
max-width: 1536px;
}
}

.commerce .pointer-events-none {
pointer-events: none;
}

.commerce .absolute {
position: absolute;
}

.commerce .relative {
position: relative;
}

.commerce .inset-0 {
inset: 0px;
}

.commerce .-right-0.5 {
right: -0.125rem;
}

.commerce .bottom-0 {
bottom: 0px;
}

.commerce .top-0 {
top: 0px;
}

.commerce .float-right {
float: right;
}

.commerce .clear-right {
clear: right;
}

.commerce .m-0 {
margin: 0px;
}

.commerce .m-4 {
margin: 1rem;
}

.commerce .mx-0 {
margin-left: 0px;
margin-right: 0px;
}

.commerce .mx-auto {
margin-left: auto;
margin-right: auto;
}

.commerce .my-0 {
margin-top: 0px;
margin-bottom: 0px;
}

.commerce .my-auto {
margin-top: auto;
margin-bottom: auto;
}

.commerce .mb-1 {
margin-bottom: 0.25rem;
}

.commerce .mb-3 {
margin-bottom: 0.75rem;
}

.commerce .mb-4 {
margin-bottom: 1rem;
}

.commerce .mb-5 {
margin-bottom: 1.25rem;
}

.commerce .mb-6 {
margin-bottom: 1.5rem;
}

.commerce .mb-7 {
margin-bottom: 1.75rem;
}

.commerce .mb-8 {
margin-bottom: 2rem;
}

.commerce .ml-1 {
margin-left: 0.25rem;
}

.commerce .ml-1.5 {
margin-left: 0.375rem;
}

.commerce .ml-2 {
margin-left: 0.5rem;
}

.commerce .ml-4 {
margin-left: 1rem;
}

.commerce .ml-[120px] {
margin-left: 120px;
}

.commerce .mr-0 {
margin-right: 0px;
}

.commerce .mr-1 {
margin-right: 0.25rem;
}

.commerce .mr-2 {
margin-right: 0.5rem;
}

.commerce .mr-2.5 {
margin-right: 0.625rem;
}

.commerce .mr-3 {
margin-right: 0.75rem;
}

.commerce .mr-4 {
margin-right: 1rem;
}

.commerce .mt-0.5 {
margin-top: 0.125rem;
}

.commerce .mt-1 {
margin-top: 0.25rem;
}

.commerce .mt-2 {
margin-top: 0.5rem;
}

.commerce .mt-4 {
margin-top: 1rem;
}

.commerce .mt-6 {
margin-top: 1.5rem;
}

.commerce .box-border {
box-sizing: border-box;
}

.commerce .line-clamp-1 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

.commerce .line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.commerce .block {
display: block;
}

.commerce .inline-block {
display: inline-block;
}

.commerce .inline {
display: inline;
}

.commerce .flex {
display: flex;
}

.commerce .inline-flex {
display: inline-flex;
}

.commerce .grid {
display: grid;
}

.commerce .hidden {
display: none;
}

.commerce .size-5 {
width: 1.25rem;
height: 1.25rem;
}

.commerce .size-full {
width: 100%;
height: 100%;
}

.commerce .h-9 {
height: 2.25rem;
}

.commerce .h-[50px] {
height: 50px;
}

.commerce .h-[77px] {
height: 77px;
}

.commerce .h-[78px] {
height: 78px;
}

.commerce .h-auto {
height: auto;
}

.commerce .h-full {
height: 100%;
}

.commerce .w-3/4 {
width: 75%;
}

.commerce .w-6 {
width: 1.5rem;
}

.commerce .w-[104px] {
width: 104px;
}

.commerce .w-[220px] {
width: 220px;
}

.commerce .w-[62px] {
width: 62px;
}

.commerce .w-fit {
width: -moz-fit-content;
width: fit-content;
}

.commerce .w-full {
width: 100%;
}

.commerce .min-w-0 {
min-width: 0px;
}

.commerce .min-w-4 {
min-width: 1rem;
}

.commerce .min-w-60 {
min-width: 15rem;
}

.commerce .max-w-full {
max-width: 100%;
}

.commerce .flex-1 {
flex: 1 1 0%;
}

.commerce .shrink-0 {
flex-shrink: 0;
}

.commerce .grow {
flex-grow: 1;
}

.commerce .grow-0 {
flex-grow: 0;
}

.commerce .origin-center {
transform-origin: center;
}

.commerce .-translate-y-0.5 {
–tw-translate-y: -0.125rem;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .translate-y-px {
–tw-translate-y: 1px;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .rotate-180 {
–tw-rotate: 180deg;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .rotate-[140deg] {
–tw-rotate: 140deg;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .scale-100 {
–tw-scale-x: 1;
–tw-scale-y: 1;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .scale-[0.67] {
–tw-scale-x: 0.67;
–tw-scale-y: 0.67;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .scale-[0.92] {
–tw-scale-x: 0.92;
–tw-scale-y: 0.92;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .scale-x-0 {
–tw-scale-x: 0;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .scale-y-100 {
–tw-scale-y: 1;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

@keyframes fade {
0% {
opacity: 1;
}

100% {
opacity: 0;
}
}

.commerce .animate-[fade_0.3s_3.2s_ease] {
animation: fade 0.3s 3.2s ease;
}

.commerce .list-disc {
list-style-type: disc;
}

.commerce .grid-cols-[auto_1fr] {
grid-template-columns: auto 1fr;
}

.commerce .flex-row {
flex-direction: row;
}

.commerce .flex-col {
flex-direction: column;
}

.commerce .flex-wrap {
flex-wrap: wrap;
}

.commerce .items-center {
align-items: center;
}

.commerce .justify-end {
justify-content: flex-end;
}

.commerce .justify-center {
justify-content: center;
}

.commerce .justify-around {
justify-content: space-around;
}

.commerce .gap-0.5 {
gap: 0.125rem;
}

.commerce .gap-6 {
gap: 1.5rem;
}

.commerce .space-x-2 > :not([hidden]) ~ :not([hidden]) {
–tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(–tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 – var(–tw-space-x-reverse)));
}

.commerce .space-y-6 > :not([hidden]) ~ :not([hidden]) {
–tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 – var(–tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(–tw-space-y-reverse));
}

.commerce .self-start {
align-self: flex-start;
}

.commerce .self-end {
align-self: flex-end;
}

.commerce .overflow-hidden {
overflow: hidden;
}

.commerce .overflow-visible {
overflow: visible;
}

.commerce .truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.commerce .text-ellipsis {
text-overflow: ellipsis;
}

.commerce .whitespace-nowrap {
white-space: nowrap;
}

.commerce .text-nowrap {
text-wrap: nowrap;
}

.commerce .break-words {
overflow-wrap: break-word;
}

.commerce .break-all {
word-break: break-all;
}

.commerce .rounded {
border-radius: 0.25rem;
}

.commerce .rounded-[40px] {
border-radius: 40px;
}

.commerce .rounded-full {
border-radius: 9999px;
}

.commerce .rounded-lg {
border-radius: 0.5rem;
}

.commerce .rounded-bl-none {
border-bottom-left-radius: 0px;
}

.commerce .rounded-br-lg {
border-bottom-right-radius: 0.5rem;
}

.commerce .rounded-tl-lg {
border-top-left-radius: 0.5rem;
}

.commerce .rounded-tr-none {
border-top-right-radius: 0px;
}

.commerce .border {
border-width: 1px;
}

.commerce .border-2 {
border-width: 2px;
}

.commerce .border-b {
border-bottom-width: 1px;
}

.commerce .border-t {
border-top-width: 1px;
}

.commerce .border-t-4 {
border-top-width: 4px;
}

.commerce .border-solid {
border-style: solid;
}

.commerce .border-dashed {
border-style: dashed;
}

.commerce .border-batcave {
–tw-border-opacity: 1;
border-color: rgb(35 42 49 / var(–tw-border-opacity, 1));
}

.commerce .border-bob {
–tw-border-opacity: 1;
border-color: rgb(176 185 193 / var(–tw-border-opacity, 1));
}

.commerce .border-dirty-seagull {
–tw-border-opacity: 1;
border-color: rgb(224 228 233 / var(–tw-border-opacity, 1));
}

.commerce .border-grey-hair {
–tw-border-opacity: 1;
border-color: rgb(240 243 245 / var(–tw-border-opacity, 1));
}

.commerce .border-t-batcave {
–tw-border-opacity: 1;
border-top-color: rgb(35 42 49 / var(–tw-border-opacity, 1));
}

.commerce .border-t-battleship {
–tw-border-opacity: 1;
border-top-color: rgb(91 99 106 / var(–tw-border-opacity, 1));
}

.commerce .bg-bonsai {
–tw-bg-opacity: 1;
background-color: rgb(0 135 60 / var(–tw-bg-opacity, 1));
}

.commerce .bg-hulk-pants {
–tw-bg-opacity: 1;
background-color: rgb(126 31 255 / var(–tw-bg-opacity, 1));
}

.commerce .bg-inkwell {
–tw-bg-opacity: 1;
background-color: rgb(29 34 40 / var(–tw-bg-opacity, 1));
}

.commerce .bg-marshmallow {
–tw-bg-opacity: 1;
background-color: rgb(245 248 250 / var(–tw-bg-opacity, 1));
}

.commerce .bg-transparent {
background-color: transparent;
}

.commerce .bg-white {
–tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(–tw-bg-opacity, 1));
}

.commerce .bg-white/90 {
background-color: rgb(255 255 255 / 0.9);
}

.commerce .fill-batcave {
fill: #232a31;
}

.commerce .fill-battleship {
fill: #5b636a;
}

.commerce .fill-ninja-turtle {
fill: #00ab5e;
}

.commerce .fill-none {
fill: none;
}

.commerce .fill-solo-cup {
fill: #eb0f29;
}

.commerce .fill-white {
fill: #fff;
}

.commerce .stroke-bonsai {
stroke: #00873c;
}

.commerce .stroke-carrot-juice {
stroke: #ff520d;
}

.commerce .stroke-dirty-seagull {
stroke: #e0e4e9;
}

.commerce .stroke-spirulina {
stroke: #009c94;
}

.commerce .stroke-turmeric {
stroke: #ffa700;
}

.commerce .object-contain {
-o-object-fit: contain;
object-fit: contain;
}

.commerce .object-cover {
-o-object-fit: cover;
object-fit: cover;
}

.commerce .p-3 {
padding: 0.75rem;
}

.commerce .p-5 {
padding: 1.25rem;
}

.commerce .px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}

.commerce .px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}

.commerce .py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}

.commerce .py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}

.commerce .py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}

.commerce .pb-1 {
padding-bottom: 0.25rem;
}

.commerce .pb-6 {
padding-bottom: 1.5rem;
}

.commerce .pb-[75%] {
padding-bottom: 75%;
}

.commerce .pl-6 {
padding-left: 1.5rem;
}

.commerce .pr-0 {
padding-right: 0px;
}

.commerce .pr-1 {
padding-right: 0.25rem;
}

.commerce .pr-2 {
padding-right: 0.5rem;
}

.commerce .pr-2.5 {
padding-right: 0.625rem;
}

.commerce .pt-2 {
padding-top: 0.5rem;
}

.commerce .pt-5 {
padding-top: 1.25rem;
}

.commerce .text-center {
text-align: center;
}

.commerce .align-top {
vertical-align: top;
}

.commerce .font-[‘Yahoo_Sans_Cond’] {
font-family: ‘Yahoo Sans Cond’;
}

.commerce .text-2xl/7 {
font-size: 1.5rem;
line-height: 1.75rem;
}

.commerce .text-[10px]/3 {
font-size: 10px;
line-height: .75rem;
}

.commerce .text-base {
font-size: 1rem;
line-height: 1.5rem;
}

.commerce .text-base/5 {
font-size: 1rem;
line-height: 1.25rem;
}

.commerce .text-base/relaxed {
font-size: 1rem;
line-height: 1.625;
}

.commerce .text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}

.commerce .text-lg/6 {
font-size: 1.125rem;
line-height: 1.5rem;
}

.commerce .text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}

.commerce .text-sm/4 {
font-size: 0.875rem;
line-height: 1rem;
}

.commerce .text-xl/6 {
font-size: 1.25rem;
line-height: 1.5rem;
}

.commerce .text-xl/[1.3] {
font-size: 1.25rem;
line-height: 1.3;
}

.commerce .text-xs {
font-size: 0.75rem;
line-height: 1rem;
}

.commerce .text-xs/5 {
font-size: 0.75rem;
line-height: 1.25rem;
}

.commerce .text-xs/none {
font-size: 0.75rem;
line-height: 1;
}

.commerce .font-bold {
font-weight: 700;
}

.commerce .font-medium {
font-weight: 500;
}

.commerce .font-normal {
font-weight: 400;
}

.commerce .font-semibold {
font-weight: 600;
}

.commerce .uppercase {
text-transform: uppercase;
}

.commerce .leading-5 {
line-height: 1.25rem;
}

.commerce .leading-relaxed {
line-height: 1.625;
}

.commerce .text-batcave {
–tw-text-opacity: 1;
color: rgb(35 42 49 / var(–tw-text-opacity, 1));
}

.commerce .text-battleship {
–tw-text-opacity: 1;
color: rgb(91 99 106 / var(–tw-text-opacity, 1));
}

.commerce .text-ec-primary {
–tw-text-opacity: 1;
color: rgb(35 42 50 / var(–tw-text-opacity, 1));
}

.commerce .text-grape-jelly {
–tw-text-opacity: 1;
color: rgb(96 1 210 / var(–tw-text-opacity, 1));
}

.commerce .text-solo-cup {
–tw-text-opacity: 1;
color: rgb(235 15 41 / var(–tw-text-opacity, 1));
}

.commerce .text-white {
–tw-text-opacity: 1;
color: rgb(255 255 255 / var(–tw-text-opacity, 1));
}

.commerce .line-through {
text-decoration-line: line-through;
}

.commerce .opacity-0 {
opacity: 0;
}

.commerce .opacity-100 {
opacity: 1;
}

.commerce .filter {
filter: var(–tw-blur) var(–tw-brightness) var(–tw-contrast) var(–tw-grayscale) var(–tw-hue-rotate) var(–tw-invert) var(–tw-saturate) var(–tw-sepia) var(–tw-drop-shadow);
}

.commerce .transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}

.commerce .transition-[stroke-dashoffset] {
transition-property: stroke-dashoffset;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}

.commerce .transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}

.commerce .delay-0 {
transition-delay: 0s;
}

.commerce .delay-[450ms] {
transition-delay: 450ms;
}

.commerce .duration-200 {
transition-duration: 200ms;
}

.commerce .duration-300 {
transition-duration: 300ms;
}

.commerce .duration-[350ms] {
transition-duration: 350ms;
}

.commerce .ease-[ease] {
transition-timing-function: ease;
}

.commerce .ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.commerce .@container/p {
container-type: inline-size;
container-name: p;
}

.commerce .[box-shadow:0_4px_8px_0_rgb(0_0_0/10%)] {
box-shadow: 0 4px 8px 0 rgb(0 0 0/10%);
}

.commerce .*:w-full > * {
width: 100%;
}

.after:block::after {
content: var(–tw-content);
display: block;
}

.after:border-t-4::after {
content: var(–tw-content);
border-top-width: 4px;
}

.after:border-batcave::after {
content: var(–tw-content);
–tw-border-opacity: 1;
border-color: rgb(35 42 49 / var(–tw-border-opacity, 1));
}

.commerce .hover:cursor-pointer:hover {
cursor: pointer;
}

.commerce .hover:bg-black/10:hover {
background-color: rgb(0 0 0 / 0.1);
}

.commerce .hover:bg-charcoal:hover {
–tw-bg-opacity: 1;
background-color: rgb(70 78 86 / var(–tw-bg-opacity, 1));
}

.commerce .hover:text-batcave:hover {
–tw-text-opacity: 1;
color: rgb(35 42 49 / var(–tw-text-opacity, 1));
}

.commerce .hover:text-battleship:hover {
–tw-text-opacity: 1;
color: rgb(91 99 106 / var(–tw-text-opacity, 1));
}

.commerce .hover:text-dory:hover {
–tw-text-opacity: 1;
color: rgb(15 105 255 / var(–tw-text-opacity, 1));
}

.commerce .hover:text-gandalf:hover {
–tw-text-opacity: 1;
color: rgb(151 158 168 / var(–tw-text-opacity, 1));
}

.commerce .hover:text-grey-hair:hover {
–tw-text-opacity: 1;
color: rgb(240 243 245 / var(–tw-text-opacity, 1));
}

.commerce .hover:underline:hover {
text-decoration-line: underline;
}

.commerce .hover:no-underline:hover {
text-decoration-line: none;
}

.commerce .hover:opacity-100:hover {
opacity: 1;
}

.commerce .focus:scale-105:focus {
–tw-scale-x: 1.05;
–tw-scale-y: 1.05;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .focus:bg-black/10:focus {
background-color: rgb(0 0 0 / 0.1);
}

.commerce .focus:text-battleship:focus {
–tw-text-opacity: 1;
color: rgb(91 99 106 / var(–tw-text-opacity, 1));
}

.commerce .focus:text-dory:focus {
–tw-text-opacity: 1;
color: rgb(15 105 255 / var(–tw-text-opacity, 1));
}

.commerce .focus:underline:focus {
text-decoration-line: underline;
}

.commerce .active:bg-black/10:active {
background-color: rgb(0 0 0 / 0.1);
}

.commerce .active:bg-charcoal:active {
–tw-bg-opacity: 1;
background-color: rgb(70 78 86 / var(–tw-bg-opacity, 1));
}

.commerce .active:text-battleship:active {
–tw-text-opacity: 1;
color: rgb(91 99 106 / var(–tw-text-opacity, 1));
}

.commerce .active:text-bob:active {
–tw-text-opacity: 1;
color: rgb(176 185 193 / var(–tw-text-opacity, 1));
}

.commerce .active:text-dory:active {
–tw-text-opacity: 1;
color: rgb(15 105 255 / var(–tw-text-opacity, 1));
}

.commerce .active:text-gandalf:active {
–tw-text-opacity: 1;
color: rgb(151 158 168 / var(–tw-text-opacity, 1));
}

.commerce .active:text-grey-hair:active {
–tw-text-opacity: 1;
color: rgb(240 243 245 / var(–tw-text-opacity, 1));
}

.commerce .active:opacity-60:active {
opacity: 0.6;
}

.commerce .group/expandBtn:hover .group-hover/expandBtn:fill-gandalf {
fill: #979ea8;
}

.commerce .group:hover .group-hover:fill-battleship {
fill: #5b636a;
}

.commerce .group:focus .group-focus:fill-battleship {
fill: #5b636a;
}

.commerce .group:active .group-active:fill-battleship {
fill: #5b636a;
}

.commerce .group:hover:not(:has(.copyCouponCode:hover,.additionalMiniCTA:hover)) .group-[:hover:not(:has(.copyCouponCode:hover2c .additionalMiniCTA:hover))]:scale-105 {
–tw-scale-x: 1.05;
–tw-scale-y: 1.05;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .peer ~ .peer-[&]:mt-3 {
margin-top: 0.75rem;
}

.commerce .peer ~ .peer-[&]:mt-4 {
margin-top: 1rem;
}

@container p (min-width: 36rem) {
.commerce .@xl/p:relative {
position: relative;
}

.commerce .@xl/p:left-0 {
left: 0px;
}

.commerce .@xl/p:right-auto {
right: auto;
}

.commerce .@xl/p:mb-0 {
margin-bottom: 0px;
}

.commerce .@xl/p:ml-0 {
margin-left: 0px;
}

.commerce .@xl/p:ml-3 {
margin-left: 0.75rem;
}

.commerce .@xl/p:ml-5 {
margin-left: 1.25rem;
}

.commerce .@xl/p:mr-3 {
margin-right: 0.75rem;
}

.commerce .@xl/p:mr-4 {
margin-right: 1rem;
}

.commerce .@xl/p:mt-0 {
margin-top: 0px;
}

.commerce .@xl/p:line-clamp-1 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

.commerce .@xl/p:line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.commerce .@xl/p:flex {
display: flex;
}

.commerce .@xl/p:h-[165px] {
height: 165px;
}

.commerce .@xl/p:h-[90px] {
height: 90px;
}

.commerce .@xl/p:h-[92px] {
height: 92px;
}

.commerce .@xl/p:min-h-32 {
min-height: 8rem;
}

.commerce .@xl/p:w-9/12 {
width: 75%;
}

.commerce .@xl/p:w-[120px] {
width: 120px;
}

.commerce .@xl/p:w-[220px] {
width: 220px;
}

.commerce .@xl/p:w-[72px] {
width: 72px;
}

.commerce .@xl/p:w-auto {
width: auto;
}

.commerce .@xl/p:w-full {
width: 100%;
}

.commerce .@xl/p:flex-none {
flex: none;
}

.commerce .@xl/p:grow {
flex-grow: 1;
}

.commerce .@xl/p:flex-row {
flex-direction: row;
}

.commerce .@xl/p:flex-col {
flex-direction: column;
}

.commerce .@xl/p:flex-col-reverse {
flex-direction: column-reverse;
}

.commerce .@xl/p:items-center {
align-items: center;
}

.commerce .@xl/p:justify-start {
justify-content: flex-start;
}

.commerce .@xl/p:justify-center {
justify-content: center;
}

.commerce .@xl/p:gap-1 {
gap: 0.25rem;
}

.commerce .@xl/p:gap-6 {
gap: 1.5rem;
}

.commerce .@xl/p:gap-y-2 {
row-gap: 0.5rem;
}

.commerce .@xl/p:self-auto {
align-self: auto;
}

.commerce .@xl/p:rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}

.commerce .@xl/p:rounded-br-none {
border-bottom-right-radius: 0px;
}

.commerce .@xl/p:rounded-tl-none {
border-top-left-radius: 0px;
}

.commerce .@xl/p:rounded-tr-lg {
border-top-right-radius: 0.5rem;
}

.commerce .@xl/p:border-b-0 {
border-bottom-width: 0px;
}

.commerce .@xl/p:border-r-2 {
border-right-width: 2px;
}

.commerce .@xl/p:pb-0 {
padding-bottom: 0px;
}

.commerce .@xl/p:pb-[56.25%] {
padding-bottom: 56.25%;
}

.commerce .@xl/p:pr-4 {
padding-right: 1rem;
}

.commerce .@xl/p:text-left {
text-align: left;
}

.commerce .@xl/p:text-2xl/tight {
font-size: 1.5rem;
line-height: 1.25;
}

.commerce .@xl/p:text-[32px]/9 {
font-size: 32px;
line-height: 2.25rem;
}

.commerce .@xl/p:text-lg/[30px] {
font-size: 1.125rem;
line-height: 30px;
}

.commerce .@xl/p:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}

.commerce .@xl/p:transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}

.commerce .@xl/p:duration-300 {
transition-duration: 300ms;
}

.commerce .@xl/p:ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.commerce .group:hover .@xl/p:group-hover:scale-110 {
–tw-scale-x: 1.1;
–tw-scale-y: 1.1;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.commerce .peer ~ .@xl/p:peer-[&]:mt-3 {
margin-top: 0.75rem;
}
}

@container (min-width: 36rem) {
.commerce .@xl:ml-0 {
margin-left: 0px;
}

.commerce .@xl:h-[90px] {
height: 90px;
}

.commerce .@xl:max-w-48 {
max-width: 12rem;
}

.commerce .@xl:flex-row {
flex-direction: row;
}
}

@container p (min-width: 36rem) {
@media (prefers-reduced-motion: reduce) {
.commerce .group:hover .@xl/p:motion-reduce:group-hover:transition-none {
transition-property: none;
}
}
}

@media (max-width: 320px) {
.commerce .max-[320px]:w-[160px] {
width: 160px;
}
}

@media (min-width: 640px) {
.commerce .sm:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}

.commerce .*:sm:max-w-[190px] > * {
max-width: 190px;
}
}

@media (min-width: 768px) {
.commerce .md:mb-0 {
margin-bottom: 0px;
}

.commerce .md:mt-0 {
margin-top: 0px;
}

.commerce .md:inline {
display: inline;
}

.commerce .md:size-6 {
width: 1.5rem;
height: 1.5rem;
}

.commerce .md:flex-row {
flex-direction: row;
}

.commerce .md:self-center {
align-self: center;
}

.commerce .md:border-b-0 {
border-bottom-width: 0px;
}

.commerce .md:border-r {
border-right-width: 1px;
}

.commerce .md:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}

.commerce .md:pr-3 {
padding-right: 0.75rem;
}

.commerce .md:pt-7 {
padding-top: 1.75rem;
}

.commerce .md:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}

.commerce .md:text-base {
font-size: 1rem;
line-height: 1.5rem;
}

.commerce .md:text-lg/8 {
font-size: 1.125rem;
line-height: 2rem;
}

.commerce .md:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}

.commerce .md:leading-8 {
line-height: 2rem;
}
}

@media (prefers-color-scheme: dark) {
.commerce .theme-dark .dark:border-battleship {
–tw-border-opacity: 1;
border-color: rgb(91 99 106 / var(–tw-border-opacity, 1));
}

.commerce .theme-dark .dark:border-charcoal {
–tw-border-opacity: 1;
border-color: rgb(70 78 86 / var(–tw-border-opacity, 1));
}

.commerce .theme-dark .dark:border-dolphin {
–tw-border-opacity: 1;
border-color: rgb(110 119 128 / var(–tw-border-opacity, 1));
}

.commerce .theme-dark .dark:border-grey-hair {
–tw-border-opacity: 1;
border-color: rgb(240 243 245 / var(–tw-border-opacity, 1));
}

.commerce .theme-dark .dark:border-t-bob {
–tw-border-opacity: 1;
border-top-color: rgb(176 185 193 / var(–tw-border-opacity, 1));
}

.commerce .theme-dark .dark:bg-batcave {
–tw-bg-opacity: 1;
background-color: rgb(35 42 49 / var(–tw-bg-opacity, 1));
}

.commerce .theme-dark .dark:bg-mulah {
–tw-bg-opacity: 1;
background-color: rgb(26 197 103 / var(–tw-bg-opacity, 1));
}

.commerce .theme-dark .dark:bg-white {
–tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(–tw-bg-opacity, 1));
}

.commerce .theme-dark .dark:fill-bob {
fill: #b0b9c1;
}

.commerce .theme-dark .dark:fill-grey-hair {
fill: #f0f3f5;
}

.commerce .theme-dark .dark:fill-mulah {
fill: #1ac567;
}

.commerce .theme-dark .dark:fill-watermelon {
fill: #ff4d52;
}

.commerce .theme-dark .dark:stroke-cheetos {
stroke: #ff6e0c;
}

.commerce .theme-dark .dark:stroke-mulah {
stroke: #1ac567;
}

.commerce .theme-dark .dark:stroke-ramones {
stroke: #2c363f;
}

.commerce .theme-dark .dark:stroke-sea-foam {
stroke: #11d3cd;
}

.commerce .theme-dark .dark:text-[#ff5257] {
–tw-text-opacity: 1;
color: rgb(255 82 87 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:text-batcave {
–tw-text-opacity: 1;
color: rgb(35 42 49 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:text-bob {
–tw-text-opacity: 1;
color: rgb(176 185 193 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:text-gandalf {
–tw-text-opacity: 1;
color: rgb(151 158 168 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:text-grey-hair {
–tw-text-opacity: 1;
color: rgb(240 243 245 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:text-thanos {
–tw-text-opacity: 1;
color: rgb(144 124 255 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:after:border-grey-hair::after {
content: var(–tw-content);
–tw-border-opacity: 1;
border-color: rgb(240 243 245 / var(–tw-border-opacity, 1));
}

.commerce .theme-dark .dark:hover:bg-bob:hover {
–tw-bg-opacity: 1;
background-color: rgb(176 185 193 / var(–tw-bg-opacity, 1));
}

.commerce .theme-dark .dark:hover:bg-white/10:hover {
background-color: rgb(255 255 255 / 0.1);
}

.commerce .theme-dark .dark:hover:text-[#a49c95]:hover {
–tw-text-opacity: 1;
color: rgb(164 156 149 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:hover:text-bob:hover {
–tw-text-opacity: 1;
color: rgb(176 185 193 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:hover:text-dolphin:hover {
–tw-text-opacity: 1;
color: rgb(110 119 128 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:hover:text-sky:hover {
–tw-text-opacity: 1;
color: rgb(18 169 255 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:focus:bg-bob:focus {
–tw-bg-opacity: 1;
background-color: rgb(176 185 193 / var(–tw-bg-opacity, 1));
}

.commerce .theme-dark .dark:focus:bg-white/10:focus {
background-color: rgb(255 255 255 / 0.1);
}

.commerce .theme-dark .dark:focus:text-bob:focus {
–tw-text-opacity: 1;
color: rgb(176 185 193 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:active:bg-bob:active {
–tw-bg-opacity: 1;
background-color: rgb(176 185 193 / var(–tw-bg-opacity, 1));
}

.commerce .theme-dark .dark:active:bg-white/10:active {
background-color: rgb(255 255 255 / 0.1);
}

.commerce .theme-dark .dark:active:text-battleship:active {
–tw-text-opacity: 1;
color: rgb(91 99 106 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .dark:active:text-bob:active {
–tw-text-opacity: 1;
color: rgb(176 185 193 / var(–tw-text-opacity, 1));
}

.commerce .theme-dark .group/expandBtn:hover .dark:group-hover/expandBtn:fill-dolphin {
fill: #6e7780;
}

.commerce .theme-dark .group:hover .dark:group-hover:fill-bob {
fill: #b0b9c1;
}

.commerce .theme-dark .group:focus .dark:group-focus:fill-bob {
fill: #b0b9c1;
}

.commerce .theme-dark .group:active .dark:group-active:fill-bob {
fill: #b0b9c1;
}

.commerce .theme-dark .group:hover:not(:has(.copyCouponCode:hover,.additionalMiniCTA:hover)) .dark:group-[:hover:not(:has(.copyCouponCode:hover2c .additionalMiniCTA:hover))]:bg-white/10 {
background-color: rgb(255 255 255 / 0.1);
}

.commerce .theme-dark .group:hover:not(:has(.copyCouponCode:hover,.additionalMiniCTA:hover)) .dark:group-[:hover:not(:has(.copyCouponCode:hover2c .additionalMiniCTA:hover))]:text-sky {
–tw-text-opacity: 1;
color: rgb(18 169 255 / var(–tw-text-opacity, 1));
}
}

.commerce .[&&]:mt-3.[&&]:mt-3 {
margin-top: 0.75rem;
}

.commerce .[&&]:px-5.[&&]:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}

.commerce .[&&]:py-1.[&&]:py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}

@container p (min-width: 36rem) {
.commerce .@xl/p:[&&]:mt-2.@xl/p:[&&]:mt-2 {
margin-top: 0.5rem;
}
}

.[&+.miniModule]:border-t+.miniModule {
border-top-width: 1px;
}

.[&+.miniModule]:border-dirty-seagull+.miniModule {
–tw-border-opacity: 1;
border-color: rgb(224 228 233 / var(–tw-border-opacity, 1));
}

@media (prefers-color-scheme: dark) {
.theme-dark .dark:[&+.miniModule]:border-charcoal+.miniModule {
–tw-border-opacity: 1;
border-color: rgb(70 78 86 / var(–tw-border-opacity, 1));
}
}

.[&+.productModule]:mt-9+.productModule {
margin-top: 2.25rem;
}

.[&+.productModule]:border-t+.productModule {
border-top-width: 1px;
}

.[&+.productModule]:border-dirty-seagull+.productModule {
–tw-border-opacity: 1;
border-color: rgb(224 228 233 / var(–tw-border-opacity, 1));
}

.[&+.productModule]:pt-2+.productModule {
padding-top: 0.5rem;
}

.[&+:not(.productModule)]:mt-10+:not(.productModule) {
margin-top: 2.5rem;
}

.commerce .[&>svg]:size-[11px]>svg {
width: 11px;
height: 11px;
}

.commerce .[&]:w-[220px] {
width: 220px;
}

.commerce .[&]:min-w-0 {
min-width: 0px;
}

.commerce .[&]:text-[11px]/3 {
font-size: 11px;
line-height: .75rem;
}

.commerce .[&]:font-semibold {
font-weight: 600;
}

@media (max-width: 320px) {
.commerce .[&]:max-[320px]:w-[160px] {
width: 160px;
}
}

.commerce .[&_a]:text-batcave a {
–tw-text-opacity: 1;
color: rgb(35 42 49 / var(–tw-text-opacity, 1));
}

.commerce .[&_a]:underline a {
text-decoration-line: underline;
}

@media (prefers-color-scheme: dark) {
.commerce .theme-dark .dark:[&_a]:text-grey-hair a {
–tw-text-opacity: 1;
color: rgb(240 243 245 / var(–tw-text-opacity, 1));
}
}

.commerce {
line-height: 1.5;
}/*
This CSS file is used to overrite the CaaS style that causing style conflict between news repo which uses TailwindCss and CaaS repo’s style. This file can be removed when Caas related style is being removed later.
*/

/* Page level layout */
:not(.theme-dark) .caas .caas-content a:not(.athena-button), :not(.theme-dark) .caas article a:not(.athena-button) {
border-bottom-color: transparent;
}

/* Styles between commerce rmp modules */
.caas .caas-body .commerce-rmp+:not(.commerce-rmp) {
margin-top: 40px;
}
.caas .commerce-rmp:has(.miniModule)+.commerce-rmp:has(.miniModule) {
border-top: 1px solid #e0e4e9;
}
.caas .commerce-rmp:has(.productModule)+.commerce-rmp:has(.productModule) {
padding-top: 10px;
margin-top: 38px;
border-top: 1px solid #e0e4e9;
}

/* Should not display border between two Blue Links Mini modules */
.caas .commerce-rmp:has(ul.miniModule)+.commerce-rmp:has(ul.miniModule) {
border-top: 0;
}

/* QuickOverview/Mini module */
.caas .miniModule *, .caas .miniModule::before, .caas .miniModule::after {
box-sizing: border-box;
}
.caas .miniModule a:not(.athena-button) {
text-decoration: none;
}
:not(.theme-dark) .caas .miniModule a:not(.athena-button) {
border-bottom-color: transparent;
}
:not(.theme-dark) .caas .miniModule a.text-battleship {
color: #5b636a;
}
:not(.theme-dark) .caas .miniModule a.text-battleship:hover {
color: #979ea8;
}
:not(.theme-dark) .caas .miniModule a.ctaBtn {
color: #1d2228;
border: 2px solid #1d2228;
}
.caas .miniModule a.ctaBtn:hover {
text-decoration: none;
}
.caas .miniModule h3 {
font-size: 1rem;
line-height: 1.5rem;
margin: 0;
}
.caas .miniModule h4 {
font-weight: 700;
}
.caas .miniModule div.flex a.flex {
margin-right: 10px;
}

/* Blue Links QuickOverview */
.caas ul.miniModule h2 {
margin: 0;
}

/* Product module */
.caas .productModule *, .caas .productModule::before, .caas .productModule::after {
box-sizing: border-box;
}
.caas .productModule h3 {
font-size: 1.5rem;
line-height: 1.3;
margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
.caas .productModule h3 {
font-size: 1.25rem;
}
}
.caas .productModule h4 {
font-weight: 700;
}
:not(.theme-dark) .caas .productModule h3 a.text-grape-jelly { /* product module h3 */
color: #6001d2;
}
:not(.theme-dark) .caas .productModule a:not(.athena-button) {
border-bottom-color: transparent;
}
.caas .productModule a:not(.athena-button):not(:hover) {
text-decoration: none;
}
:not(.theme-dark) .caas .productModule a.text-batcave, :not(.theme-dark) .caas .productModule a.text-batcave:hover{
color: #1d2228;
}
.caas .productModule .commerce-desc p {
font-size: 1.125rem;
margin: 0;
}
.caas .productModule .commerce-desc p+p {
margin: 24px 0 0;
}
@media (max-width: 767px) {
.caas .productModule .commerce-desc p {
font-size: 1rem;
}
}
.caas .productModule a.commerce-cta-btn-secondary {
border-style: solid;
border-width: 2px;
}
:not(.theme-dark) .caas .productModule a.commerce-cta-btn-secondary {
border-bottom-color: #1d2228;
}
.caas .productModule a.commerce-cta-btn-secondary:hover {
text-decoration: none;
}
.caas .productModule a.peer.text-white {
font-size: 1rem;
}
:not(.theme-dark) .caas .productModule a.peer.text-white {
color: #fff;
}
.caas .productModule ul.pl-6 {
padding-left: 1.5rem;
margin-bottom: 0;
}
.caas .productModule li.list-disc { /* Pros and Cons list */
list-style-type: disc;
font-size: 18px;
line-height: 1.667;
}
.caas .productModule .block p.absolute { /* image credit */
font-size: 10px;
line-height: .75rem;
margin-bottom: 0;
}
.caas .productModule a.commerce-cta-btn-primary {
text-decoration: none;
}
.caas .productModule .block .leading-tight span { /* save price text & label */
font-size: 1rem;
}
.caas .productModule .mt-4 div.flex { /* Explore More Buying Options */
font-size: 1rem;
}
.caas .productModule .block a.flex {
text-decoration: none;
}
.knowledge, .knowledge *, .knowledge ::before, .knowledge ::after {
–tw-border-spacing-x: 0;
–tw-border-spacing-y: 0;
–tw-translate-x: 0;
–tw-translate-y: 0;
–tw-rotate: 0;
–tw-skew-x: 0;
–tw-skew-y: 0;
–tw-scale-x: 1;
–tw-scale-y: 1;
–tw-pan-x: ;
–tw-pan-y: ;
–tw-pinch-zoom: ;
–tw-scroll-snap-strictness: proximity;
–tw-gradient-from-position: ;
–tw-gradient-via-position: ;
–tw-gradient-to-position: ;
–tw-ordinal: ;
–tw-slashed-zero: ;
–tw-numeric-figure: ;
–tw-numeric-spacing: ;
–tw-numeric-fraction: ;
–tw-ring-inset: ;
–tw-ring-offset-width: 0px;
–tw-ring-offset-color: #fff;
–tw-ring-color: rgb(59 130 246 / 0.5);
–tw-ring-offset-shadow: 0 0 #0000;
–tw-ring-shadow: 0 0 #0000;
–tw-shadow: 0 0 #0000;
–tw-shadow-colored: 0 0 #0000;
–tw-blur: ;
–tw-brightness: ;
–tw-contrast: ;
–tw-grayscale: ;
–tw-hue-rotate: ;
–tw-invert: ;
–tw-saturate: ;
–tw-sepia: ;
–tw-drop-shadow: ;
–tw-backdrop-blur: ;
–tw-backdrop-brightness: ;
–tw-backdrop-contrast: ;
–tw-backdrop-grayscale: ;
–tw-backdrop-hue-rotate: ;
–tw-backdrop-invert: ;
–tw-backdrop-opacity: ;
–tw-backdrop-saturate: ;
–tw-backdrop-sepia: ;
–tw-contain-size: ;
–tw-contain-layout: ;
–tw-contain-paint: ;
–tw-contain-style: ;
}

.knowledge ::backdrop {
–tw-border-spacing-x: 0;
–tw-border-spacing-y: 0;
–tw-translate-x: 0;
–tw-translate-y: 0;
–tw-rotate: 0;
–tw-skew-x: 0;
–tw-skew-y: 0;
–tw-scale-x: 1;
–tw-scale-y: 1;
–tw-pan-x: ;
–tw-pan-y: ;
–tw-pinch-zoom: ;
–tw-scroll-snap-strictness: proximity;
–tw-gradient-from-position: ;
–tw-gradient-via-position: ;
–tw-gradient-to-position: ;
–tw-ordinal: ;
–tw-slashed-zero: ;
–tw-numeric-figure: ;
–tw-numeric-spacing: ;
–tw-numeric-fraction: ;
–tw-ring-inset: ;
–tw-ring-offset-width: 0px;
–tw-ring-offset-color: #fff;
–tw-ring-color: rgb(59 130 246 / 0.5);
–tw-ring-offset-shadow: 0 0 #0000;
–tw-ring-shadow: 0 0 #0000;
–tw-shadow: 0 0 #0000;
–tw-shadow-colored: 0 0 #0000;
–tw-blur: ;
–tw-brightness: ;
–tw-contrast: ;
–tw-grayscale: ;
–tw-hue-rotate: ;
–tw-invert: ;
–tw-saturate: ;
–tw-sepia: ;
–tw-drop-shadow: ;
–tw-backdrop-blur: ;
–tw-backdrop-brightness: ;
–tw-backdrop-contrast: ;
–tw-backdrop-grayscale: ;
–tw-backdrop-hue-rotate: ;
–tw-backdrop-invert: ;
–tw-backdrop-opacity: ;
–tw-backdrop-saturate: ;
–tw-backdrop-sepia: ;
–tw-contain-size: ;
–tw-contain-layout: ;
–tw-contain-paint: ;
–tw-contain-style: ;
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

.knowledge, .knowledge *,
.knowledge ::before,
.knowledge ::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: #e5e7eb;
/* 2 */
}

.knowledge ::before,
.knowledge ::after {
–tw-content: ”;
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

.knowledge hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */
border-top-width: 1px;
/* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

.knowledge abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

.knowledge h1,
.knowledge h2,
.knowledge h3,
.knowledge h4,
.knowledge h5,
.knowledge h6 {
font-size: inherit;
font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

.knowledge a {
text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

.knowledge b,
.knowledge strong {
font-weight: bolder;
}

.knowledge code,
.knowledge kbd,
.knowledge samp,
.knowledge pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, “Liberation Mono”, “Courier New”, monospace;
/* 1 */
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}

/*
Add the correct font size in all browsers.
*/

.knowledge small {
font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

.knowledge sub,
.knowledge sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

.knowledge sub {
bottom: -0.25em;
}

.knowledge sup {
top: -0.5em;
}

.knowledge table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
border-collapse: collapse;
/* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

.knowledge button,
.knowledge input,
.knowledge optgroup,
.knowledge select,
.knowledge textarea {
font-family: inherit;
/* 1 */
font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
font-size: 100%;
/* 1 */
font-weight: inherit;
/* 1 */
line-height: inherit;
/* 1 */
letter-spacing: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

.knowledge button,
.knowledge select {
text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

.knowledge button,
.knowledge input:where([type=’button’]),
.knowledge input:where([type=’reset’]),
.knowledge input:where([type=’submit’]) {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

.knowledge :-moz-focusring {
outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

.knowledge :-moz-ui-invalid {
box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

.knowledge progress {
vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

.knowledge ::-webkit-inner-spin-button,
.knowledge ::-webkit-outer-spin-button {
height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

.knowledge [type=’search’] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

.knowledge ::-webkit-search-decoration {
-webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

.knowledge ::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

.knowledge summary {
display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

.knowledge blockquote,
.knowledge dl,
.knowledge dd,
.knowledge h1,
.knowledge h2,
.knowledge h3,
.knowledge h4,
.knowledge h5,
.knowledge h6,
.knowledge hr,
.knowledge figure,
.knowledge p,
.knowledge pre {
margin: 0;
}

.knowledge fieldset {
margin: 0;
padding: 0;
}

.knowledge legend {
padding: 0;
}

.knowledge ol,
.knowledge ul,
.knowledge menu {
list-style: none;
margin: 0;
padding: 0;
}

/*
Reset default styling for dialogs.
*/

.knowledge dialog {
padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

.knowledge textarea {
resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user’s configured gray 400 color.
*/

.knowledge input::-moz-placeholder, .knowledge textarea::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}

.knowledge input::placeholder,
.knowledge textarea::placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}

/*
Set the default cursor for buttons.
*/

.knowledge button,
.knowledge [role=”button”] {
cursor: pointer;
}

/*
Make sure disabled buttons don’t get the pointer cursor.
*/

.knowledge :disabled {
cursor: default;
}

.knowledge img,
.knowledge svg,
.knowledge video,
.knowledge canvas,
.knowledge audio,
.knowledge iframe,
.knowledge embed,
.knowledge object {
display: block;
/* 1 */
vertical-align: middle;
/* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

.knowledge img,
.knowledge video {
max-width: 100%;
height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

.knowledge [hidden]:where(:not([hidden=”until-found”])) {
display: none;
}

.knowledge .fixed {
position: fixed;
}

.knowledge .relative {
position: relative;
}

.knowledge .inset-0 {
inset: 0px;
}

.knowledge .inset-x-0 {
left: 0px;
right: 0px;
}

.knowledge .bottom-0 {
bottom: 0px;
}

.knowledge .z-20 {
z-index: 20;
}

.knowledge .z-30 {
z-index: 30;
}

.knowledge .block {
display: block;
}

.knowledge .flex {
display: flex;
}

.knowledge .hidden {
display: none;
}

.knowledge .size-[14px] {
width: 14px;
height: 14px;
}

.knowledge .size-full {
width: 100%;
height: 100%;
}

.knowledge .h-screen {
height: 100vh;
}

.knowledge .w-96 {
width: 24rem;
}

.knowledge .w-fit {
width: -moz-fit-content;
width: fit-content;
}

.knowledge .w-full {
width: 100%;
}

.knowledge .min-w-[626px] {
min-width: 626px;
}

.knowledge .cursor-default {
cursor: default;
}

.knowledge .cursor-pointer {
cursor: pointer;
}

.knowledge .flex-col {
flex-direction: column;
}

.knowledge .flex-wrap {
flex-wrap: wrap;
}

.knowledge .items-center {
align-items: center;
}

.knowledge .justify-end {
justify-content: flex-end;
}

.knowledge .justify-center {
justify-content: center;
}

.knowledge .gap-2 {
gap: 0.5rem;
}

.knowledge .gap-x-1 {
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}

.knowledge .gap-x-3 {
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}

.knowledge .gap-y-0.5 {
row-gap: 0.125rem;
}

.knowledge .gap-y-5 {
row-gap: 1.25rem;
}

.knowledge .space-x-1 > :not([hidden]) ~ :not([hidden]) {
–tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(–tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 – var(–tw-space-x-reverse)));
}

.knowledge .space-y-1 > :not([hidden]) ~ :not([hidden]) {
–tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 – var(–tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(–tw-space-y-reverse));
}

.knowledge .space-y-2 > :not([hidden]) ~ :not([hidden]) {
–tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 – var(–tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(–tw-space-y-reverse));
}

.knowledge .space-y-3 > :not([hidden]) ~ :not([hidden]) {
–tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 – var(–tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(–tw-space-y-reverse));
}

.knowledge .space-y-6 > :not([hidden]) ~ :not([hidden]) {
–tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 – var(–tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(–tw-space-y-reverse));
}

.knowledge .overscroll-auto {
overscroll-behavior: auto;
}

.knowledge .rounded-[4px] {
border-radius: 4px;
}

.knowledge .rounded-full {
border-radius: 9999px;
}

.knowledge .rounded-lg {
border-radius: 0.5rem;
}

.knowledge .rounded-t-2xl {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}

.knowledge .border {
border-width: 1px;
}

.knowledge .border-b-2 {
border-bottom-width: 2px;
}

.knowledge .border-batcave {
–tw-border-opacity: 1;
border-color: rgb(35 42 49 / var(–tw-border-opacity, 1));
}

.knowledge .border-dirty-seagull {
–tw-border-opacity: 1;
border-color: rgb(224 228 233 / var(–tw-border-opacity, 1));
}

.knowledge .bg-[#f9fa6d] {
–tw-bg-opacity: 1;
background-color: rgb(249 250 109 / var(–tw-bg-opacity, 1));
}

.knowledge .bg-black {
–tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(–tw-bg-opacity, 1));
}

.knowledge .bg-marshmallow {
–tw-bg-opacity: 1;
background-color: rgb(245 248 250 / var(–tw-bg-opacity, 1));
}

.knowledge .bg-white {
–tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(–tw-bg-opacity, 1));
}

.knowledge .bg-yahoo-primary {
–tw-bg-opacity: 1;
background-color: rgb(118 64 244 / var(–tw-bg-opacity, 1));
}

.knowledge .object-cover {
-o-object-fit: cover;
object-fit: cover;
}

.knowledge .p-6 {
padding: 1.5rem;
}

.knowledge .px-0.5 {
padding-left: 0.125rem;
padding-right: 0.125rem;
}

.knowledge .px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}

.knowledge .py-0.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}

.knowledge .py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}

.knowledge .py-2.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}

.knowledge .py-[1.5px] {
padding-top: 1.5px;
padding-bottom: 1.5px;
}

.knowledge .pb-1 {
padding-bottom: 0.25rem;
}

.knowledge .pb-3 {
padding-bottom: 0.75rem;
}

.knowledge .pb-[6px] {
padding-bottom: 6px;
}

.knowledge .pr-4 {
padding-right: 1rem;
}

.knowledge .text-start {
text-align: start;
}

.knowledge .text-[13px]/4 {
font-size: 13px;
line-height: 1rem;
}

.knowledge .text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}

.knowledge .text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}

.knowledge .text-xl/6 {
font-size: 1.25rem;
line-height: 1.5rem;
}

.knowledge .font-bold {
font-weight: 700;
}

.knowledge .font-normal {
font-weight: 400;
}

.knowledge .leading-5 {
line-height: 1.25rem;
}

.knowledge .leading-6 {
line-height: 1.5rem;
}

.knowledge .tracking-[-0.015em] {
letter-spacing: -0.015em;
}

.knowledge .tracking-[-0.035em] {
letter-spacing: -0.035em;
}

.knowledge .text-batcave {
–tw-text-opacity: 1;
color: rgb(35 42 49 / var(–tw-text-opacity, 1));
}

.knowledge .text-creator-purple {
–tw-text-opacity: 1;
color: rgb(125 46 255 / var(–tw-text-opacity, 1));
}

.knowledge .text-inkwell {
–tw-text-opacity: 1;
color: rgb(29 34 40 / var(–tw-text-opacity, 1));
}

.knowledge .underline {
text-decoration-line: underline;
}

.knowledge .opacity-60 {
opacity: 0.6;
}

.knowledge .drop-shadow-[0px_1px_6px_0px_rgb(02c 02c 0)] {
–tw-drop-shadow: drop-shadow(0px 1px 6px 0px rgb(0,0,0));
filter: var(–tw-blur) var(–tw-brightness) var(–tw-contrast) var(–tw-grayscale) var(–tw-hue-rotate) var(–tw-invert) var(–tw-saturate) var(–tw-sepia) var(–tw-drop-shadow);
}

.knowledge .@container/qa {
container-type: inline-size;
container-name: qa;
}

.knowledge .backdrop:bg-black::backdrop {
–tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(–tw-bg-opacity, 1));
}

.knowledge .backdrop:opacity-60::backdrop {
opacity: 0.6;
}

@container qa (min-width: 36rem) {
.knowledge .@xl/qa:absolute {
position: absolute;
}

.knowledge .@xl/qa:bottom-8 {
bottom: 2rem;
}

.knowledge .@xl/qa:left-1/2 {
left: 50%;
}

.knowledge .@xl/qa:hidden {
display: none;
}

.knowledge .@xl/qa:w-[375px] {
width: 375px;
}

.knowledge .@xl/qa:-translate-x-1/2 {
–tw-translate-x: -50%;
transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y));
}

.knowledge .@xl/qa:rounded-2xl {
border-radius: 1rem;
}

.knowledge .@xl/qa:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}

.knowledge .@xl/qa:leading-8 {
line-height: 2rem;
}

.knowledge .@xl/qa:hover:after:absolute:hover::after {
content: var(–tw-content);
position: absolute;
}

.knowledge .@xl/qa:hover:after:bottom-0:hover::after {
content: var(–tw-content);
bottom: 0px;
}

.knowledge .@xl/qa:hover:after:left-0:hover::after {
content: var(–tw-content);
left: 0px;
}

.knowledge .@xl/qa:hover:after:h-[200%]:hover::after {
content: var(–tw-content);
height: 200%;
}

.knowledge .@xl/qa:hover:after:w-full:hover::after {
content: var(–tw-content);
width: 100%;
}

.knowledge .group:hover .@xl/qa:group-hover:block {
display: block;
}
}

.knowledge .[&&_li:has(input)]:list-none.[&&_li:has(input)]:list-none li:has(input) {
list-style-type: none;
}

.knowledge .[&&_ol_ol]:list-[lower-alpha].[&&_ol_ol]:list-[lower-alpha] ol ol {
list-style-type: lower-alpha;
}

.knowledge .[&&_ol_ol_ol]:list-[lower-roman].[&&_ol_ol_ol]:list-[lower-roman] ol ol ol {
list-style-type: lower-roman;
}

.knowledge .[&_input]:pointer-events-none input {
pointer-events: none;
}

.knowledge .answer { h1,h2,h3,ol,ul { all: revert; } }

BANGKOK (Reuters) -Aid groups arriving in the worst-hit areas of Myanmar said there was an urgent need for shelter, food and water after last week’s devastating quake which killed more than 2,000 people, including 50 preschoolers in one school.

The 7.7 magnitude quake, which hit around lunchtime on Friday, was the strongest to hit the Southeast Asian country in more than a century, toppling ancient pagodas and modern buildings alike.

In neighbouring Thailand, rescuers pressed on searching for life in the rubble of a collapsed skyscraper in the capital Bangkok.

In Myanmar’s Mandalay area, 50 preschoolers and two teachers were killed when their school collapsed, the United Nations Office for the Coordination of Humanitarian Affairs said.

“In the hardest-hit areas …communities struggle to meet their basic needs, such as access to clean water and sanitation, while emergency teams work tirelessly to locate survivors and provide life-saving aid,” the UN body said in a report.

The International Rescue Committee said shelter, food, water and medical help were all needed in places such as Mandalay, near the epicentre of the quake.

“Having lived through the terror of the earthquake, people now fear aftershocks and are sleeping outside on roads or in open fields,” an IRC worker in Mandalay said in a report.

“There is an urgent need for tents, as even those whose homes remain intact are too afraid to sleep indoors.”

State media has reported Myanmar’s death toll at 2,065, with more than 3,900 injured and at least 270 missing. The military government declared a week-long mourning period from Monday.

Civil war in Myanmar, where the junta seized power in a coup in 2021, has complicated efforts to reach those injured and made homeless by the Southeast Asian nation’s biggest quake in a century.

The junta’s tight control over communication networks and the damage to roads, bridges and other infrastructure caused by the quakes have intensified the challenges for aid workers.

Thai officials said a meeting of regional leaders in Bangkok later this week would go ahead as planned, although Myanmar’s leader, Min Aung Hlaing, may attend by teleconference.

Before the quake struck, sources said the junta chief had been expected to make a rare foreign trip to attend the summit in Bangkok on April 3-4.

HOPES DIM AT COLLAPSED BUILDING

In Bangkok, rescuers were still scouring the ruins of an unfinished skyscraper that collapsed for signs of life, but aware that as four days had passed since the quake, the odds of finding survivors lengthened.

“There are about 70 bodies underneath … and we hope by some miracle one or two are still alive,” volunteer rescue leader Bin Bunluerit said at the building site.

Search and rescue teams said they planned to bring in emotional support dogs for the relatives of the dead and missing, as family and friends feared the worst.

“The rescue teams are doing their best. I can see that,” said 19-year-old Artithap Lalod, who was waiting for news of his brother.

“However it turns out, that’s how it has to be. We just have to accept that things will be the way they are,” he said.

Thirteen deaths have been confirmed at the building site, with 74 people still missing. Thailand’s national death toll from the quake stands at 20.

Initial tests showed that some steel samples collected from the site of the collapsed building were substandard, Thai industry ministry officials said. The government has launched an investigation into the cause of the collapse.

(Reporting by Bangkok Bureau, Shoon Naing; Writing by John Mair; Editing by Lincoln Feast.)

Myanmar quake survivors without food, shelter as aftershock fears linger

评论

发表回复取消回复

Myanmar quake survivors without food, shelter as aftershock fears linger

评论

发表回复 取消回复

发表回复取消回复