/**
 * Content
 */



body {
	background-color: #000000;
	color: #000;
}

a:active {
	opacity: 0.7;
    text-decoration: none;
}

.page a.active {
	opacity: .4;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 1em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(255, 255, 255, 1);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
}

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.3;	
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 2.6rem;
	font-family: "Guyot Text", Icons;
    font-weight: 400;
    font-style: normal;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.3;
}

[data-predefined-style="true"] bodycopy a {
	color: rgba(255, 255, 255, 0.6);
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {
    text-decoration: none;
}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", Icons;
	padding: 0;
	margin: 0;
	font-size: 2.7rem;
	line-height: 1.1;
	color: rgba(255, 255, 255, 1);
	font-style: normal;
	font-weight: normal;
	}

[data-predefined-style="true"] h1 a:hover {
	color: rgba(255, 255, 255, 1);
    bordeR: none;
    text-decoration: none;
}

[data-predefined-style="true"] h2 {
	font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Neue Regular", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgba(255, 255, 255, 0.75);
	font-size: 1.6rem;
	line-height: 1.2;
	}

[data-predefined-style="true"] h2 a {
	color: #ffffff;
}

[data-predefined-style="true"] small {
	display: none;
	font-size: 1.1rem;
	line-height: 1.3;
	font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Neue Regular", Icons;
	font-style: normal;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.35);
    letter-spacing: .05rem;
}

[data-predefined-style="true"] small a:hover {
	color: rgba(255, 255, 255, 1);
	border-bottom-width: 0em;
}

/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: left /*!text_left*/;
}

[data-css-preset] body {
	background-color: rgba(255, 255, 255, 1)/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100%/*!content_center*/;
}

[data-css-preset] .content_padding {
	padding-top: 1.9rem /*!main_margin*/;
	padding-bottom: 1.9rem /*!main_margin*/;
	padding-left: 1.9rem /*!main_margin*/;
	padding-right: 1.9rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 65rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: transparent/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 0.2rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -0.4rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.8rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1.6rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 1px solid rgba(205, 34, 34, 0);
    outline-offset: -1px;
}
.thumbnails .thumb_image:hover {
	 opacity: 1;
}


.thumbnails .title {
    margin-top: 2.0rem;
    margin-bottom: .3rem;
    font-size: 1.9rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	font-family: "Big Caslon FB", Icons;
	font-style: italic;
	line-height: 1.3;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.25);
	font-family: 'Space Mono', Icons;
	font-style: normal;
	line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .05rem;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(255, 255, 255, 0.25);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

.thumbnails .thumbnail > a {
    position: relative;
}

.thumbnails .thumbnail .title {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 0.5rem 1.2rem 0.7rem 1.2rem;
    margin: 0rem;
    color: rgba(255, 255, 255, 1);
    align-content: center;
    display: flex;
    position: absolute;
    left: 0rem;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    z-index: 9;
    opacity: 0;
}

.thumbnails .title span {
    margin: auto;
    display: inline-block;
}

.thumbnails .thumbnail:hover .title {
    opacity: 1;
}

body.mobile .thumbnails .thumbnail:hover .title {
    opacity: 0;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(255, 255, 255, 0.95);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
    top: 1rem /*!site_menu_button*/;
	right: 1rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(20, 20, 20, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(255, 255, 255, 1);
    background: transparent;
	font-size: 34px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 1rem /*!shop_button*/;
	right: 1rem /*!shop_button*/;
}

#shop_button.text {
    font-size: 1.4rem;
	line-height: 1.3;
	font-family: "Space Mono", Icons;
	font-style: normal;
	font-weight: 400;
    padding: 0;
    line-height: 1.2;
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}


body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 38px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: Rubik, Icons;
    font-size: 1.9rem;
	line-height: 1;
	color: rgba(255, 255, 255, 0.6);
    display: block;
    margin-bottom: 1rem;
}

.shop_product .dropdown {
    font-family: Rubik, Icons;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, 0.9);
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(255,255,255,.4);
    background:  #ffffff url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem;
	font-style: normal;
	font-weight: 400;
}

.shop_product .button {
    font-family: Rubik, Icons;
	font-size: 1.4rem;
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
	font-style: normal;
	font-weight: 400;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(0, 0, 0, 0.85) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}



/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}


/*
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.4);
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(255, 255, 255, 0.14);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(255, 255, 255, 0.85);
}

.audio-player .icon {
    fill: rgba(255, 255, 255, 0.75);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(255, 255, 255, 0.05);
}

.audio-player .progress {
    background: rgba(255, 255, 255, 0.09);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(255, 255, 255, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(255, 255, 255, 0.6);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

.website-1,
.website-1 * {
  box-sizing: border-box;
}
.website-1 {
  background: #ffffff;
  height: 6423px;
  position: relative;
  overflow: hidden;
}
.rectangle-256 {
  background: #f9f9f9;
  width: 607px;
  height: 165px;
  position: absolute;
  left: 0px;
  top: 301px;
}
.rectangle-257 {
  background: #f9f9f9;
  width: 607px;
  height: 245px;
  position: absolute;
  left: 0px;
  top: 593px;
}
.rectangle-259 {
  background: #f9f9f9;
  width: 610px;
  height: 118px;
  position: absolute;
  left: -3px;
  top: 1115px;
}
.rectangle-263 {
  background: #f9f9f9;
  width: 610px;
  height: 476px;
  position: absolute;
  left: -3px;
  top: 1487px;
}
.rectangle-260 {
  background: #f9f9f9;
  width: 607px;
  height: 937px;
  position: absolute;
  left: 0px;
  top: 2154px;
}
.rectangle-262 {
  background: #f9f9f9;
  width: 613px;
  height: 254px;
  position: absolute;
  left: -5px;
  top: 3694px;
}
.rectangle-11 {
  width: 607px;
  height: 307px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
}
.gallery-assistant {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 38px;
  top: 334px;
}
.background {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 38px;
  top: 637px;
}
.research-insights {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 38px;
  top: 1545px;
}
.pain-points-shy-visitors {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: 38px;
  top: 1594px;
}
.pain-points-curators {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: 38px;
  top: 1765px;
}
.persona-visitors {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: 38px;
  top: 2178px;
}
.persona-curators {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: 38px;
  top: 2644px;
}
.initial-thinking {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 38px;
  top: 1269px;
}
.target-user {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  left: 38px;
  top: 1323px;
}
.research-methods {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  left: 342px;
  top: 1323px;
}
.overview {
  color: #2600ff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 38px;
  top: 613px;
}
.user-research {
  color: #2600ff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 38px;
  top: 1521px;
}
.a-digital-platform-designed-to-help-gallery-visitors-easily-access-information-about-artworks-and-artists-perfect-for-shy-clients-or-busy-gallery-staff-it-streamlines-the-art-viewing-experience {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 373px;
  width: 535px;
  height: 60px;
}
.product-designer {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 526px;
  width: 118px;
  height: 25px;
}
.self-initiated {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 190px;
  top: 526px;
  width: 118px;
  height: 25px;
}
._4-weeks {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 343px;
  top: 526px;
  width: 118px;
  height: 25px;
}
.figma-illustrator {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 486px;
  top: 526px;
  width: 118px;
  height: 25px;
}
.shy-visitors-who-want-to-access-information-about-the-artist-and-artwork-without-needing-to-engage-in-conversation {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 1359px;
  width: 225px;
  height: 72px;
}
.shy-visitors-who-want-to-access-information-about-the-artist-and-artwork-without-needing-to-engage-in-conversation-span {
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 600;
}
.shy-visitors-who-want-to-access-information-about-the-artist-and-artwork-without-needing-to-engage-in-conversation-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.curators-who-have-to-individually-explain-the-location-and-details-of-the-artworks-to-each-visitor-when-the-gallery-is-crowded {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 1415px;
  width: 225px;
  height: 72px;
}
.curators-who-have-to-individually-explain-the-location-and-details-of-the-artworks-to-each-visitor-when-the-gallery-is-crowded-span {
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 600;
}
.curators-who-have-to-individually-explain-the-location-and-details-of-the-artworks-to-each-visitor-when-the-gallery-is-crowded-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.over-the-past-four-years-working-at-the-gallery-i-have-interacted-with-many-visitors-and-i-ve-noticed-that-many-of-them-feel-hesitant-to-initiate-a-conversation-when-we-re-busy-it-becomes-challenging-to-approach-and-assist-every-visitor-proactively-to-help-with-navigation-we-usually-print-out-floor-plans-of-the-exhibition-space-but-many-visitors-find-it-difficult-to-interpret-them-as-a-result-it-becomes-challenging-to-provide-detailed-explanations-about-the-exhibition {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 676px;
  width: 535px;
  height: 140px;
}
.whenever-i-go-to-a-gallery-i-m-curious-about-the-artist-s-information-or-the-price-but-i-m-worried-it-might-have-already-been-sold-or-that-they-might-not-answer-me-so-i-hesitate-to-ask {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 1636px;
  width: 535px;
  height: 76px;
}
.whenever-i-go-to-a-gallery-i-m-curious-about-the-artist-s-information-or-the-price-but-i-m-worried-it-might-have-already-been-sold-or-that-they-might-not-answer-me-so-i-hesitate-to-ask-span {
  font-family: "InriaSerif-Regular", sans-serif;
}
.whenever-i-go-to-a-gallery-i-m-curious-about-the-artist-s-information-or-the-price-but-i-m-worried-it-might-have-already-been-sold-or-that-they-might-not-answer-me-so-i-hesitate-to-ask-span2 {
  font-family: "InriaSerif-BoldItalic", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.it-s-really-disappointing-when-there-are-too-many-people-or-when-things-get-too-busy-and-i-can-t-attend-to-the-clients-properly-to-sell-an-artwork-i-need-to-provide-enough-information-about-the-price-and-the-artist-but-there-s-just-not-enough-time {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 1811px;
  width: 535px;
  height: 76px;
}
.it-s-really-disappointing-when-there-are-too-many-people-or-when-things-get-too-busy-and-i-can-t-attend-to-the-clients-properly-to-sell-an-artwork-i-need-to-provide-enough-information-about-the-price-and-the-artist-but-there-s-just-not-enough-time-span {
  font-family: "InriaSerif-Regular", sans-serif;
}
.it-s-really-disappointing-when-there-are-too-many-people-or-when-things-get-too-busy-and-i-can-t-attend-to-the-clients-properly-to-sell-an-artwork-i-need-to-provide-enough-information-about-the-price-and-the-artist-but-there-s-just-not-enough-time-span2 {
  font-family: "InriaSerif-BoldItalic", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.even-when-i-look-at-the-paper-exhibition-layout-there-are-no-pictures-and-i-get-confused-about-where-everything-is-located-so-i-can-t-really-figure-it-out {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 1684px;
  width: 535px;
  height: 76px;
}
.even-when-i-look-at-the-paper-exhibition-layout-there-are-no-pictures-and-i-get-confused-about-where-everything-is-located-so-i-can-t-really-figure-it-out-span {
  font-family: "InriaSerif-Regular", sans-serif;
}
.even-when-i-look-at-the-paper-exhibition-layout-there-are-no-pictures-and-i-get-confused-about-where-everything-is-located-so-i-can-t-really-figure-it-out-span2 {
  font-family: "InriaSerif-BoldItalic", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.when-there-are-many-visitors-it-becomes-difficult-to-guide-each-one-individually-on-the-location-of-artworks-because-the-gallery-is-multi-story-and-spacious {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 1887px;
  width: 535px;
  height: 76px;
}
.when-there-are-many-visitors-it-becomes-difficult-to-guide-each-one-individually-on-the-location-of-artworks-because-the-gallery-is-multi-story-and-spacious-span {
  font-family: "InriaSerif-Regular", sans-serif;
}
.when-there-are-many-visitors-it-becomes-difficult-to-guide-each-one-individually-on-the-location-of-artworks-because-the-gallery-is-multi-story-and-spacious-span2 {
  font-family: "InriaSerif-Bold", sans-serif;
  font-weight: 700;
}
.my-role {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  left: 38px;
  top: 499px;
  width: 115px;
  height: 23px;
}
.project {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  left: 189px;
  top: 499px;
  width: 115px;
  height: 23px;
}
.timeline {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  left: 343px;
  top: 499px;
  width: 115px;
  height: 23px;
}
.tools-used {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  left: 486px;
  top: 499px;
  width: 115px;
  height: 23px;
}
.problem-statement {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 38px;
  top: 2008px;
}
.challenge {
  color: #2600ff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 38px;
  top: 1984px;
}
.walter-sinclair {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  left: 38px;
  top: 2468px;
}
.potential-art-collector {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 2510px;
}
.every-time-i-visit-a-gallery-i-get-confused-looking-at-the-layout-not-knowing-where-each-piece-is-located-i-m-curious-about-the-artwork-and-the-artist-but-i-feel-awkward-and-embarrassed-so-i-can-t-bring-myself-to-ask {
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 270px;
  top: 2248px;
  width: 303px;
  height: 127px;
}
.every-time-i-visit-a-gallery-i-get-confused-looking-at-the-layout-not-knowing-where-each-piece-is-located-i-m-curious-about-the-artwork-and-the-artist-but-i-feel-awkward-and-embarrassed-so-i-can-t-bring-myself-to-ask-span {
  color: #000000;
}
.every-time-i-visit-a-gallery-i-get-confused-looking-at-the-layout-not-knowing-where-each-piece-is-located-i-m-curious-about-the-artwork-and-the-artist-but-i-feel-awkward-and-embarrassed-so-i-can-t-bring-myself-to-ask-span2 {
  color: #2600ff;
}
.when-i-m-confused-about-where-everything-is-located-on-the-layout-when-i-m-unsure-whether-i-want-to-buy-a-painting-it-s-awkward-to-ask-for-an-explanation {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 270px;
  top: 2389px;
  width: 303px;
  height: 127px;
}
.exhibition-visit-frequency-once-a-week-knowledge-of-art-50 {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 270px;
  top: 2514px;
  width: 282px;
  height: 41px;
}
.aspiration {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  left: 271px;
  top: 2223px;
  width: 84px;
}
.frustration {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  left: 271px;
  top: 2364px;
  width: 151px;
  height: 31px;
}
.interest {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  left: 271px;
  top: 2488px;
  width: 151px;
  height: 31px;
}
.graduate-student-seoul {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 2530px;
}
.how-might-we-design-an-innovative-platform-that-leverages-immersive-technology-to-connect-curators-and-visitors-making-artwork-exploration-more-engaging-accessible-and-intuitive {
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  position: absolute;
  left: 38px;
  top: 2047px;
  width: 535px;
  height: 53px;
}
.how-might-we-design-an-innovative-platform-that-leverages-immersive-technology-to-connect-curators-and-visitors-making-artwork-exploration-more-engaging-accessible-and-intuitive-span {
  color: #000000;
}
.how-might-we-design-an-innovative-platform-that-leverages-immersive-technology-to-connect-curators-and-visitors-making-artwork-exploration-more-engaging-accessible-and-intuitive-span2 {
  color: #2600ff;
}
.serah-choi {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  left: 38px;
  top: 2958px;
}
.galleriest {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 3000px;
}
.as-curators-when-we-are-too-busy-we-don-t-have-enough-time-to-fully-explain-the-artworks-to-each-visitor-moreover-if-a-visitor-takes-the-wrong-path-guiding-them-properly-and-escorting-them-to-the-correct-artwork-can-be-challenging-because-the-gallery-is-large-and-spread-across-multiple-floors {
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 270px;
  top: 2718px;
  width: 303px;
  height: 127px;
}
.as-curators-when-we-are-too-busy-we-don-t-have-enough-time-to-fully-explain-the-artworks-to-each-visitor-moreover-if-a-visitor-takes-the-wrong-path-guiding-them-properly-and-escorting-them-to-the-correct-artwork-can-be-challenging-because-the-gallery-is-large-and-spread-across-multiple-floors-span {
  color: #000000;
}
.as-curators-when-we-are-too-busy-we-don-t-have-enough-time-to-fully-explain-the-artworks-to-each-visitor-moreover-if-a-visitor-takes-the-wrong-path-guiding-them-properly-and-escorting-them-to-the-correct-artwork-can-be-challenging-because-the-gallery-is-large-and-spread-across-multiple-floors-span2 {
  color: #2600ff;
}
.when-a-large-number-of-visitors-arrive-at-once-it-s-frustrating-that-we-can-t-provide-enough-guidance-about-the-artworks-if-visitors-take-the-wrong-path-escorting-each-one-individually-is-nearly-impossible-due-to-the-gallery-s-vast-space-and-multiple-floors {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 270px;
  top: 2873px;
  width: 303px;
  height: 127px;
}
.exhibition-visit-frequency-everyday-knowledge-of-art-90 {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 270px;
  top: 3006px;
  width: 282px;
  height: 41px;
}
.aspiration2 {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  left: 271px;
  top: 2693px;
  width: 84px;
}
.frustration2 {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  left: 271px;
  top: 2848px;
  width: 151px;
  height: 31px;
}
.interest2 {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  left: 271px;
  top: 2980px;
  width: 151px;
  height: 31px;
}
.gallery-manager-seoul {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 3020px;
}
.rectangle-254 {
  border-radius: 10px;
  width: 214px;
  height: 218px;
  position: absolute;
  left: 38px;
  top: 2223px;
  object-fit: cover;
}
.rectangle-255 {
  border-radius: 10px;
  width: 214px;
  height: 218px;
  position: absolute;
  left: 38px;
  top: 2693px;
  object-fit: cover;
}
.group-285 {
  position: absolute;
  inset: 0;
}
.design-process {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 38px;
  top: 1132px;
}
.understand {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 1181px;
  width: 84px;
  height: 25px;
}
.research {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 132px;
  top: 1181px;
  width: 84px;
  height: 25px;
}
.analyze {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 220px;
  top: 1181px;
  width: 84px;
  height: 25px;
}
.design {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 300px;
  top: 1181px;
  width: 84px;
  height: 25px;
}
.user-testing {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 375px;
  top: 1181px;
  width: 84px;
  height: 25px;
}
.presentation {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 477px;
  top: 1181px;
  width: 84px;
  height: 25px;
}
.group-279 {
  width: 21px;
  height: 4px;
  position: absolute;
  left: 107px;
  top: 1189px;
  overflow: visible;
}
.group-280 {
  width: 21px;
  height: 4px;
  position: absolute;
  left: 190px;
  top: 1189px;
  overflow: visible;
}
.group-281 {
  width: 21px;
  height: 4px;
  position: absolute;
  left: 272px;
  top: 1189px;
  overflow: visible;
}
.group-282 {
  width: 21px;
  height: 4px;
  position: absolute;
  left: 345px;
  top: 1189px;
  overflow: visible;
}
.group-283 {
  width: 21px;
  height: 4px;
  position: absolute;
  left: 450px;
  top: 1189px;
  overflow: visible;
}
.group-284 {
  width: 162px;
  height: 19px;
  position: absolute;
  left: 244px;
  top: 1161px;
  overflow: visible;
}
.existing-system-quantitative-research-survey-qualitative-research-in-person-interviews {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
  position: absolute;
  left: 334px;
  top: 1353px;
  width: 239px;
  height: 83px;
}
.project-challenge {
  color: #2600ff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 38px;
  top: 863px;
}
.many-visitors-to-the-gallery-hesitate-to-initiate-conversations-or-feel-apprehensive-about-approaching-us-they-often-seek-information-about-the-artworks-including-their-availability-for-purchase-and-frequently-struggle-to-navigate-the-exhibition-layout-as-curators-we-take-the-initiative-to-provide-explanations-and-personally-guide-visitors-to-specific-works-however-during-peak-hours-effectively-managing-and-assisting-every-visitor-becomes-increasingly-challenging-highlighting-the-need-for-a-more-structured-approach-to-visitor-engagement {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 928px;
  width: 535px;
  height: 54px;
}
.this-is-why-i-care {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 38px;
  top: 889px;
}
.prototyping-and-testing {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 36px;
  top: 3128px;
}
.final-design {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 36px;
  top: 3984px;
}
.navigation {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 61px;
  top: 4385px;
  width: 69px;
  height: 31px;
}
.discover-four-main-features-that-enhance-your-exhibition-experience-with-intuitive-navigation-real-time-artwork-information-ai-powered-voice-curation-and-personalized-artwork-saving {
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  position: absolute;
  left: 36px;
  top: 4018px;
  width: 537px;
  height: 28px;
}
.discover-four-main-features-that-enhance-your-exhibition-experience-with-intuitive-navigation-real-time-artwork-information-ai-powered-voice-curation-and-personalized-artwork-saving-span {
  color: #000000;
}
.discover-four-main-features-that-enhance-your-exhibition-experience-with-intuitive-navigation-real-time-artwork-information-ai-powered-voice-curation-and-personalized-artwork-saving-span2 {
  color: #2600ff;
}
.access-artwork-details-effortlessly-with-interactive-technology-instantly-retrieve-information-about-artworks-using-a-smart-and-responsive-interface-check-artwork-availability-in-real-time-without-the-need-for-direct-inquiries {
  text-align: left;
  position: absolute;
  left: 34px;
  top: 5161px;
  width: 244px;
  height: 145.91px;
}
.access-artwork-details-effortlessly-with-interactive-technology-instantly-retrieve-information-about-artworks-using-a-smart-and-responsive-interface-check-artwork-availability-in-real-time-without-the-need-for-direct-inquiries-span {
  color: #000000;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.5px;
  font-weight: 600;
}
.access-artwork-details-effortlessly-with-interactive-technology-instantly-retrieve-information-about-artworks-using-a-smart-and-responsive-interface-check-artwork-availability-in-real-time-without-the-need-for-direct-inquiries-span2 {
  color: #2600ff;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.5px;
  font-weight: 600;
}
.access-artwork-details-effortlessly-with-interactive-technology-instantly-retrieve-information-about-artworks-using-a-smart-and-responsive-interface-check-artwork-availability-in-real-time-without-the-need-for-direct-inquiries-span3 {
  color: #000000;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16.5px;
  font-weight: 600;
}
.access-artwork-details-effortlessly-with-interactive-technology-instantly-retrieve-information-about-artworks-using-a-smart-and-responsive-interface-check-artwork-availability-in-real-time-without-the-need-for-direct-inquiries-span4 {
  color: #000000;
  list-style-type: disc;
  padding-left: 1em;
  font-family: "Inter-Regular", sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
}
.save-and-organize-your-favorite-artworks-with-personalized-digital-features-utilize-a-smart-collection-system-to-gather-and-revisit-your-favorite-pieces-access-and-manage-your-saved-artworks-anytime-for-a-tailored-viewing-experience {
  text-align: left;
  position: absolute;
  left: 32px;
  top: 5951px;
  width: 244px;
  height: 145.91px;
}
.save-and-organize-your-favorite-artworks-with-personalized-digital-features-utilize-a-smart-collection-system-to-gather-and-revisit-your-favorite-pieces-access-and-manage-your-saved-artworks-anytime-for-a-tailored-viewing-experience-span {
  color: #2600ff;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16.5px;
  font-weight: 600;
}
.save-and-organize-your-favorite-artworks-with-personalized-digital-features-utilize-a-smart-collection-system-to-gather-and-revisit-your-favorite-pieces-access-and-manage-your-saved-artworks-anytime-for-a-tailored-viewing-experience-span2 {
  color: #000000;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16.5px;
  font-weight: 600;
}
.save-and-organize-your-favorite-artworks-with-personalized-digital-features-utilize-a-smart-collection-system-to-gather-and-revisit-your-favorite-pieces-access-and-manage-your-saved-artworks-anytime-for-a-tailored-viewing-experience-span3 {
  color: #000000;
  list-style-type: disc;
  padding-left: 1em;
  font-family: "Inter-Regular", sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
}
.information {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 201px;
  top: 4385px;
  width: 69px;
  height: 31px;
}
.voice-curation {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 337px;
  top: 4385px;
  width: 95px;
  height: 31px;
}
.saved-artworks {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 475px;
  top: 4385px;
  width: 95px;
  height: 31px;
}
.mock-up {
  background: #ecf0f3;
  border-radius: 15.58px;
  border-style: solid;
  border-color: #000000;
  border-width: 2.22px;
  width: 116.84px;
  height: 253px;
  position: absolute;
  left: 35px;
  top: 4118px;
  overflow: hidden;
}
.expand-02 {
  width: 5.19px;
  height: 5.19px;
  position: absolute;
  left: -405.05px;
  top: 291.38px;
  overflow: visible;
}
.home-indicator-light {
  width: 100%;
  height: 3.69%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0.25%;
  top: 96.06%;
}
.home-indicator {
  background: var(--label-color-light-primary, #000000);
  border-radius: 31.16px;
  width: 41.75px;
  height: 1.56px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 2.49px;
}
.navigation2 {
  background: #ffffff;
  width: 117.37px;
  height: 255.18px;
  position: absolute;
  left: 0px;
  top: -1.74px;
  overflow: hidden;
}
.rectangle-247 {
  width: 101.83%;
  height: 89.36%;
  position: absolute;
  right: -0.91%;
  left: -0.91%;
  bottom: 0%;
  top: 10.64%;
  object-fit: cover;
}
.status-bar-i-phone {
  padding: 6.13px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 117.37px;
  height: 15.77px;
  position: absolute;
  left: 0px;
  top: 0.29px;
}
.frame {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.time {
  padding: 0px 1.75px 0px 4.67px;
  display: flex;
  flex-direction: row;
  gap: 2.92px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.time2 {
  color: var(--labels-primary, #000000);
  text-align: center;
  font-family: "SfPro-Semibold", sans-serif;
  font-size: 4.963456630706787px;
  line-height: 6.42px;
  font-weight: 600;
  position: relative;
}
.dynamic-island-spacer {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36.2px;
  height: 2.92px;
  position: relative;
}
.levels {
  padding: 0px 4.67px 0px 1.75px;
  display: flex;
  flex-direction: row;
  gap: 2.04px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.cellular-connection {
  flex-shrink: 0;
  width: 5.61px;
  height: 3.57px;
  position: relative;
  overflow: visible;
}
.wifi {
  flex-shrink: 0;
  width: 5px;
  height: 3.6px;
  position: relative;
  overflow: visible;
}
.battery {
  flex-shrink: 0;
  width: 7.98px;
  height: 3.8px;
  position: relative;
  overflow: visible;
}
.map {
  color: #000000;
  text-align: center;
  font-family: "Helvetica-Bold", sans-serif;
  font-size: 5.839361667633057px;
  line-height: 5.84px;
  font-weight: 700;
  position: absolute;
  left: 40.58px;
  top: 19.56px;
  width: 36.79px;
  height: 5.84px;
}
.keyboard-arrow-left {
  width: 9.34px;
  height: 9.34px;
  position: absolute;
  left: 2px;
  top: 17.81px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.rectangle-249 {
  width: 130.38px;
  height: 23.68px;
  position: absolute;
  left: 0.64px;
  top: 206.4px;
  transform: translate(-0.64px, 2.36px);
  overflow: visible;
}
.rectangle-12 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 5.84px;
  width: 108.32px;
  height: 43.8px;
  position: absolute;
  left: 3.8px;
  top: 40.58px;
  backdrop-filter: blur(1.21px);
}
.polygon-8 {
  border-radius: 0px;
  width: 15.16px;
  height: 5.51px;
  position: absolute;
  left: 76.79px;
  top: 244.52px;
  transform: translate(3.69px, -5.86px);
  overflow: visible;
}
.polygon-9 {
  border-radius: 0px;
  width: 13.33px;
  height: 6.15px;
  position: absolute;
  left: 49.93px;
  top: 234.34px;
  transform: translate(3.06px, -4.2px);
  overflow: visible;
}
.polygon-10 {
  border-radius: 0px;
  width: 12.67px;
  height: 6.44px;
  position: absolute;
  left: 23.07px;
  top: 224.44px;
  transform: translate(2.49px, -3.53px);
  overflow: visible;
}
.polygon-11 {
  border-radius: 0px;
  width: 9.23px;
  height: 5.9px;
  position: absolute;
  left: 1.17px;
  top: 216.26px;
  transform: translate(2.01px, -1.81px);
  overflow: visible;
}
.rectangle-250 {
  border-radius: 2.92px;
  width: 35.33px;
  height: 35.33px;
  position: absolute;
  left: 7.88px;
  top: 44.96px;
  object-fit: cover;
}
.mary-smith {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.255424499511719px;
  line-height: 5.84px;
  font-weight: 700;
  position: absolute;
  left: 49.05px;
  top: 44.67px;
  width: 44.38px;
  height: 6.13px;
}
.pointers-2023 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.087553024291992px;
  line-height: 5.84px;
  font-weight: 400;
  position: absolute;
  left: 49.05px;
  top: 53.14px;
  width: 32.12px;
  height: 6.13px;
}
.x {
  width: 6.42px;
  height: 6.42px;
  position: absolute;
  left: 101.02px;
  top: 43.5px;
  overflow: visible;
}
.rectangle-246 {
  background: #ffffff;
  border-radius: 5.84px;
  width: 26.86px;
  height: 8.47px;
  position: absolute;
  left: 48.17px;
  top: 71.82px;
}
.rectangle-251 {
  background: #ffffff;
  border-radius: 5.84px;
  width: 26.86px;
  height: 8.47px;
  position: absolute;
  left: 80px;
  top: 71.82px;
}
._10-steps {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.087553024291992px;
  line-height: 5.84px;
  font-weight: 400;
  position: absolute;
  left: 53.43px;
  top: 72.99px;
  width: 18.98px;
  height: 6.13px;
}
._5-meters {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.087553024291992px;
  line-height: 5.84px;
  font-weight: 400;
  position: absolute;
  left: 84.67px;
  top: 72.99px;
  width: 17.23px;
  height: 6.13px;
}
.group-272 {
  position: absolute;
  inset: 0;
}
.rectangle-252 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 5.84px;
  width: 108.32px;
  height: 14.89px;
  position: absolute;
  left: 3.8px;
  top: 232.11px;
  backdrop-filter: blur(1.21px);
}
.follow-the-line-for-5-meters {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.087553024291992px;
  line-height: 5.84px;
  font-weight: 400;
  position: absolute;
  left: 35.91px;
  top: 236.49px;
  width: 68.03px;
  height: 6.13px;
}
.ellipse-63 {
  background: #ffffff;
  border-radius: 50%;
  width: 10.8px;
  height: 10.8px;
  position: absolute;
  left: 7.59px;
  top: 234.16px;
}
.arrow-1 {
  width: 5.26px;
  height: 0px;
  position: absolute;
  left: 13.14px;
  top: 242.04px;
  overflow: visible;
}
.home-indicator2 {
  background: #ffffff;
  border-radius: 29.2px;
  width: 39.12px;
  height: 1.17px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 3.21px;
}
.notch {
  width: 116.84px;
  height: 12.77px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.notch2 {
  height: auto;
  position: absolute;
  right: 29.91px;
  left: 29.91132164001465px;
  bottom: 4.05px;
  top: -0.6238950490951538px;
  overflow: visible;
}
.mock-up2 {
  background: #ecf0f3;
  border-radius: 15.58px;
  border-style: solid;
  border-color: #000000;
  border-width: 2.22px;
  width: 116.84px;
  height: 253px;
  position: absolute;
  left: 321px;
  top: 4118px;
  overflow: hidden;
}
.expand-022 {
  width: 5.19px;
  height: 5.19px;
  position: absolute;
  left: -405.05px;
  top: 291.38px;
  overflow: visible;
}
.cellular-connection2 {
  flex-shrink: 0;
  width: 5.61px;
  height: 3.57px;
  position: relative;
  overflow: visible;
}
.wifi2 {
  flex-shrink: 0;
  width: 5px;
  height: 3.6px;
  position: relative;
  overflow: visible;
}
.battery2 {
  flex-shrink: 0;
  width: 7.98px;
  height: 3.8px;
  position: relative;
  overflow: visible;
}
.keyboard-arrow-left2 {
  width: 9.34px;
  height: 9.34px;
  position: absolute;
  left: 1.75px;
  top: 17.81px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.rectangle-2492 {
  width: 130.38px;
  height: 23.68px;
  position: absolute;
  left: 0.64px;
  top: 206.4px;
  transform: translate(-0.64px, 2.36px);
  overflow: visible;
}
.polygon-82 {
  border-radius: 0px;
  width: 15.16px;
  height: 5.51px;
  position: absolute;
  left: 76.79px;
  top: 244.52px;
  transform: translate(3.69px, -5.86px);
  overflow: visible;
}
.polygon-92 {
  border-radius: 0px;
  width: 13.33px;
  height: 6.15px;
  position: absolute;
  left: 49.93px;
  top: 234.34px;
  transform: translate(3.06px, -4.2px);
  overflow: visible;
}
.polygon-102 {
  border-radius: 0px;
  width: 12.67px;
  height: 6.44px;
  position: absolute;
  left: 23.07px;
  top: 224.44px;
  transform: translate(2.49px, -3.53px);
  overflow: visible;
}
.polygon-112 {
  border-radius: 0px;
  width: 9.23px;
  height: 5.9px;
  position: absolute;
  left: 1.17px;
  top: 216.26px;
  transform: translate(2.01px, -1.81px);
  overflow: visible;
}
.x2 {
  width: 6.42px;
  height: 6.42px;
  position: absolute;
  left: 101.02px;
  top: 43.5px;
  overflow: visible;
}
.arrow-12 {
  width: 5.26px;
  height: 0px;
  position: absolute;
  left: 13.14px;
  top: 242.04px;
  overflow: visible;
}
.voice-curation-1 {
  background: #ffffff;
  width: 118px;
  height: 256.55px;
  position: absolute;
  left: -1px;
  top: -2px;
  overflow: hidden;
}
.rectangle-212 {
  background: #ffffff;
  width: 118px;
  height: 31.7px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.status-bar-i-phone2 {
  padding: 6.16px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 118px;
  height: 15.85px;
  position: absolute;
  left: 0px;
  top: 0.29px;
}
.time3 {
  padding: 0px 1.76px 0px 4.7px;
  display: flex;
  flex-direction: row;
  gap: 2.94px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.time4 {
  color: var(--labels-primary, #000000);
  text-align: center;
  font-family: "SfPro-Semibold", sans-serif;
  font-size: 4.990049839019775px;
  line-height: 6.46px;
  font-weight: 600;
  position: relative;
}
.dynamic-island-spacer2 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36.4px;
  height: 2.94px;
  position: relative;
}
.levels2 {
  padding: 0px 4.7px 0px 1.76px;
  display: flex;
  flex-direction: row;
  gap: 2.05px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.cellular-connection3 {
  flex-shrink: 0;
  width: 5.64px;
  height: 3.59px;
  position: relative;
  overflow: visible;
}
.wifi3 {
  flex-shrink: 0;
  width: 5.03px;
  height: 3.62px;
  position: relative;
  overflow: visible;
}
.battery3 {
  flex-shrink: 0;
  width: 8.02px;
  height: 3.82px;
  position: relative;
  overflow: visible;
}
.voice-curation2 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.8706464767456055px;
  line-height: 5.87px;
  font-weight: 700;
  position: absolute;
  left: 37.87px;
  top: 18.79px;
  width: 44.03px;
  height: 5.87px;
}
.rectangle-207 {
  background: #d9d9d9;
  border-radius: 17.61px;
  width: 2.94px;
  height: 63.99px;
  position: absolute;
  left: 112.13px;
  top: 104.5px;
}
.frame-288 {
  display: flex;
  flex-direction: row;
  gap: 2.94px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 10.27px;
  top: 33.17px;
}
.group-287 {
  flex-shrink: 0;
  width: 101.86px;
  height: 259.78px;
  position: static;
}
.mary-smith-departs-from-the-conventional-approach-to-painting-breaking-away-from-the-traditional-constraints-and-venturing-into-a-new-method-of-three-dimensional-formation-through-a-methodology-that-involves-disrupting-the-flat-canvas-framework-creating-paradoxical-rules-or-transforming-blind-conditions-into-inevitable-states-she-continuously-experiments-with-creating-new-paintings-the-artist-introduces-elements-such-as-wood-and-various-forms-of-volume-onto-the-canvas-to-indicate-directions-by-layering-linen-onto-this-constructed-canvas-framework-the-artist-pulls-and-stretches-it-embodying-the-kinetic-energy-of-the-pieces-and-expressing-the-implicit-suggestions-they-create-guided-by-the-directions-of-each-frame-utilizing-paint-the-artist-leaves-a-sort-of-clue-where-the-energy-s-direction-implies-and-this-symbol-and-meaning-point-to-the-rules-she-has-established-within-her-artistic-realm-audiences-traverse-between-abstraction-and-representation-painting-and-sculpture-discerning-youngjoo-kim-s-multi-layered-humor-and-reveling-in-her-ingenious-structure-the-act-of-creating-rules-and-establishing-a-world-where-they-operate-becomes-the-essence-of-her-artistic-creation {
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.8706464767456055px;
  line-height: 8.81px;
  font-weight: 400;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
}
.mary-smith-departs-from-the-conventional-approach-to-painting-breaking-away-from-the-traditional-constraints-and-venturing-into-a-new-method-of-three-dimensional-formation-through-a-methodology-that-involves-disrupting-the-flat-canvas-framework-creating-paradoxical-rules-or-transforming-blind-conditions-into-inevitable-states-she-continuously-experiments-with-creating-new-paintings-the-artist-introduces-elements-such-as-wood-and-various-forms-of-volume-onto-the-canvas-to-indicate-directions-by-layering-linen-onto-this-constructed-canvas-framework-the-artist-pulls-and-stretches-it-embodying-the-kinetic-energy-of-the-pieces-and-expressing-the-implicit-suggestions-they-create-guided-by-the-directions-of-each-frame-utilizing-paint-the-artist-leaves-a-sort-of-clue-where-the-energy-s-direction-implies-and-this-symbol-and-meaning-point-to-the-rules-she-has-established-within-her-artistic-realm-audiences-traverse-between-abstraction-and-representation-painting-and-sculpture-discerning-youngjoo-kim-s-multi-layered-humor-and-reveling-in-her-ingenious-structure-the-act-of-creating-rules-and-establishing-a-world-where-they-operate-becomes-the-essence-of-her-artistic-creation-span {
  background: linear-gradient(to left, #000000, #000000),
    linear-gradient(to left, #a8a8a8, #a8a8a8);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mary-smith-departs-from-the-conventional-approach-to-painting-breaking-away-from-the-traditional-constraints-and-venturing-into-a-new-method-of-three-dimensional-formation-through-a-methodology-that-involves-disrupting-the-flat-canvas-framework-creating-paradoxical-rules-or-transforming-blind-conditions-into-inevitable-states-she-continuously-experiments-with-creating-new-paintings-the-artist-introduces-elements-such-as-wood-and-various-forms-of-volume-onto-the-canvas-to-indicate-directions-by-layering-linen-onto-this-constructed-canvas-framework-the-artist-pulls-and-stretches-it-embodying-the-kinetic-energy-of-the-pieces-and-expressing-the-implicit-suggestions-they-create-guided-by-the-directions-of-each-frame-utilizing-paint-the-artist-leaves-a-sort-of-clue-where-the-energy-s-direction-implies-and-this-symbol-and-meaning-point-to-the-rules-she-has-established-within-her-artistic-realm-audiences-traverse-between-abstraction-and-representation-painting-and-sculpture-discerning-youngjoo-kim-s-multi-layered-humor-and-reveling-in-her-ingenious-structure-the-act-of-creating-rules-and-establishing-a-world-where-they-operate-becomes-the-essence-of-her-artistic-creation-span2 {
  color: #a8a8a8;
}
.keyboard-arrow-left3 {
  width: 9.39px;
  height: 9.39px;
  position: absolute;
  left: 2px;
  top: 17.91px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.rectangle-216 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 51.499998569488525%
  );
  width: 118px;
  height: 69.57px;
  position: absolute;
  left: 0px;
  top: 186.98px;
}
.rectangle-217 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 51.499998569488525%
  );
  width: 118px;
  height: 69.57px;
  position: absolute;
  left: -0.88px;
  top: 186.98px;
}
.rectangle-229 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 51.499998569488525%
  );
  width: 118px;
  height: 69.57px;
  position: absolute;
  left: 0.29px;
  top: 187.57px;
}
.home-indicator3 {
  background: var(--labels-primary, #000000);
  border-radius: 29.35px;
  width: 39.33px;
  height: 1.17px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 4.23px;
}
.waveform {
  padding: 2.35px 0px 2.35px 0px;
  display: flex;
  flex-direction: row;
  gap: 1.17px;
  align-items: center;
  justify-content: flex-start;
  height: 9.39px;
  position: absolute;
  left: 34.05px;
  top: 233.36px;
}
.rectangle-3 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 0.59px;
  position: relative;
}
.rectangle-9 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 2.35px;
  position: relative;
}
.rectangle-8 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 4.11px;
  position: relative;
}
.rectangle-14 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 1.17px;
  position: relative;
}
.rectangle-15 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 4.7px;
  position: relative;
}
.rectangle-34 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 4.11px;
  position: relative;
}
.rectangle-33 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 2.94px;
  position: relative;
}
.rectangle-16 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 2.94px;
  position: relative;
}
.rectangle-18 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 2.94px;
  position: relative;
}
.rectangle-22 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 4.11px;
  position: relative;
}
.rectangle-23 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 2.94px;
  position: relative;
}
.rectangle-28 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 4.7px;
  position: relative;
}
.rectangle-29 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 2.94px;
  position: relative;
}
.rectangle-30 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 1.17px;
  position: relative;
}
.rectangle-32 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.59px;
  height: 0.59px;
  position: relative;
}
.rectangle-142 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 32.29px;
  top: 237.47px;
}
.rectangle-218 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 30.53px;
  top: 237.47px;
}
.rectangle-219 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 28.77px;
  top: 237.47px;
}
.rectangle-220 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 27px;
  top: 237.47px;
}
.rectangle-221 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 25.24px;
  top: 237.47px;
}
.rectangle-222 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 23.48px;
  top: 237.47px;
}
.rectangle-223 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 21.72px;
  top: 237.47px;
}
.rectangle-224 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 19.96px;
  top: 237.47px;
}
.group-260 {
  position: absolute;
  inset: 0;
}
.rectangle-227 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 85.12px;
  top: 237.47px;
}
.rectangle-152 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 4.7px;
  position: absolute;
  left: 86.89px;
  top: 235.71px;
}
.rectangle-342 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 4.11px;
  position: absolute;
  left: 88.65px;
  top: 236px;
}
.rectangle-332 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 2.94px;
  position: absolute;
  left: 90.41px;
  top: 236.59px;
}
.rectangle-302 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 92.17px;
  top: 237.47px;
}
.rectangle-322 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 0.59px;
  position: absolute;
  left: 93.93px;
  top: 237.76px;
}
.rectangle-228 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 0.59px;
  position: absolute;
  left: 95.4px;
  top: 237.76px;
}
.rectangle-230 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 0.59px;
  position: absolute;
  left: 96.87px;
  top: 237.76px;
}
.rectangle-231 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 0.59px;
  position: absolute;
  left: 98.33px;
  top: 237.76px;
}
.rectangle-232 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 0.59px;
  position: absolute;
  left: 99.8px;
  top: 237.76px;
}
.rectangle-233 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 0.59px;
  position: absolute;
  left: 101.27px;
  top: 237.76px;
}
.player-volume {
  width: 7.04px;
  height: 7.04px;
  position: absolute;
  left: 103.62px;
  top: 234.24px;
}
.volume {
  opacity: 0.66;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.group-261 {
  position: absolute;
  inset: 0;
}
.rectangle-36 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 2.35px;
  position: absolute;
  left: 60.47px;
  top: 236.88px;
}
.rectangle-37 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 4.11px;
  position: absolute;
  left: 62.23px;
  top: 236px;
}
.rectangle-38 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 63.99px;
  top: 237.47px;
}
.rectangle-39 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 4.7px;
  position: absolute;
  left: 65.75px;
  top: 235.71px;
}
.rectangle-40 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 4.11px;
  position: absolute;
  left: 67.51px;
  top: 236px;
}
.rectangle-41 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 2.94px;
  position: absolute;
  left: 69.27px;
  top: 236.59px;
}
.rectangle-42 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 2.94px;
  position: absolute;
  left: 71.03px;
  top: 236.59px;
}
.rectangle-43 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 2.94px;
  position: absolute;
  left: 72.8px;
  top: 236.59px;
}
.rectangle-44 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 4.11px;
  position: absolute;
  left: 74.56px;
  top: 236px;
}
.rectangle-45 {
  background: var(--theme-black, #000000);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 2.94px;
  position: absolute;
  left: 76.32px;
  top: 236.59px;
}
.rectangle-46 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 4.7px;
  position: absolute;
  left: 78.08px;
  top: 235.71px;
}
.rectangle-47 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 2.94px;
  position: absolute;
  left: 79.84px;
  top: 236.59px;
}
.rectangle-48 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 1.17px;
  position: absolute;
  left: 81.6px;
  top: 237.47px;
}
.rectangle-49 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.29px;
  opacity: 0.66;
  width: 0.59px;
  height: 0.59px;
  position: absolute;
  left: 83.36px;
  top: 237.76px;
}
.polygon-6 {
  border-radius: 0px;
  width: 8.81px;
  height: 8.81px;
  position: absolute;
  left: 64.58px;
  top: 218.98px;
  transform: translate(-6.6px, 1.23px);
  overflow: visible;
}
.group-259 {
  position: absolute;
  inset: 0;
}
.rectangle-234 {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.29px;
  width: 1.17px;
  height: 4.7px;
  position: absolute;
  left: 39.33px;
  top: 220.74px;
}
.rectangle-235 {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.29px;
  width: 1.17px;
  height: 4.7px;
  position: absolute;
  left: 41.39px;
  top: 220.74px;
}
.rectangle-236 {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.88px;
  width: 4.7px;
  height: 4.7px;
  position: absolute;
  left: 76.32px;
  top: 220.74px;
}
.notch3 {
  height: auto;
  position: absolute;
  right: 29.91px;
  left: 29.91132164001465px;
  bottom: 4.05px;
  top: -0.6238950490951538px;
  overflow: visible;
}
.mock-up3 {
  background: #ecf0f3;
  border-radius: 15.58px;
  border-style: solid;
  border-color: #000000;
  border-width: 2.22px;
  width: 116.84px;
  height: 253px;
  position: absolute;
  left: 178px;
  top: 4118px;
  overflow: hidden;
}
.expand-023 {
  width: 5.19px;
  height: 5.19px;
  position: absolute;
  left: -405.05px;
  top: 291.38px;
  overflow: visible;
}
.information2 {
  background: #ffffff;
  width: 117px;
  height: 254.37px;
  position: absolute;
  left: 0px;
  top: -1px;
  overflow: hidden;
}
.status-bar-i-phone3 {
  padding: 6.11px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 117px;
  height: 15.72px;
  position: absolute;
  left: 0px;
  top: 0.29px;
}
.time5 {
  padding: 0px 1.75px 0px 4.66px;
  display: flex;
  flex-direction: row;
  gap: 2.91px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.time6 {
  color: var(--labels-primary, #000000);
  text-align: center;
  font-family: "SfPro-Semibold", sans-serif;
  font-size: 4.947761535644531px;
  line-height: 6.4px;
  font-weight: 600;
  position: relative;
}
.dynamic-island-spacer3 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36.09px;
  height: 2.91px;
  position: relative;
}
.levels3 {
  padding: 0px 4.66px 0px 1.75px;
  display: flex;
  flex-direction: row;
  gap: 2.04px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.cellular-connection4 {
  flex-shrink: 0;
  width: 5.59px;
  height: 3.56px;
  position: relative;
  overflow: visible;
}
.wifi4 {
  flex-shrink: 0;
  width: 4.99px;
  height: 3.59px;
  position: relative;
  overflow: visible;
}
.battery4 {
  flex-shrink: 0;
  width: 7.95px;
  height: 3.78px;
  position: relative;
  overflow: visible;
}
.map2 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.820896148681641px;
  line-height: 5.82px;
  font-weight: 700;
  position: absolute;
  left: 40.46px;
  top: 19.5px;
  width: 36.67px;
  height: 5.82px;
}
.keyboard-arrow-left4 {
  width: 9.31px;
  height: 9.31px;
  position: absolute;
  left: 2px;
  top: 17.75px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.gallery-d-860-rxxkxduelk-1-m-1 {
  width: 301.52px;
  height: 222.65px;
  position: absolute;
  left: -48.31px;
  top: 31.72px;
  object-fit: cover;
}
.group-255 {
  position: absolute;
  inset: 0;
}
.bg {
  background: #ffffff;
  border-radius: 8.73px;
  width: 100%;
  height: 93.59%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -10.18%;
  top: 16.59%;
}
.home-indicator4 {
  background: var(--labels-primary, #000000);
  border-radius: 29.1px;
  width: 20.37px;
  height: 1.16px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 207.22px;
}
.rectangle-2122 {
  border-radius: 5.82px;
  width: 95.46px;
  height: 97.5px;
  position: absolute;
  left: 11.06px;
  top: 62.87px;
  object-fit: cover;
}
.mary-smith2 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 6.985074996948242px;
  line-height: 5.82px;
  font-weight: 400;
  position: absolute;
  left: 11.06px;
  top: 171.13px;
  width: 48.9px;
  height: 9.02px;
}
.pointers-20232 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-size: 4.656716823577881px;
  line-height: 5.82px;
  font-weight: 400;
  font-style: italic;
  position: absolute;
  left: 11.06px;
  top: 180.16px;
  width: 48.9px;
  height: 9.02px;
}
.fabric-and-wooden-structure {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.656716823577881px;
  line-height: 5.82px;
  font-weight: 400;
  position: absolute;
  left: 11.06px;
  top: 187.43px;
  width: 102.16px;
  height: 9.02px;
}
._250-x-115-x-110-cm {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.656716823577881px;
  line-height: 5.82px;
  font-weight: 400;
  position: absolute;
  left: 11.06px;
  top: 195px;
  width: 102.16px;
  height: 9.02px;
}
._4000 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.820896148681641px;
  line-height: 5.82px;
  font-weight: 700;
  position: absolute;
  left: 11.06px;
  top: 214.5px;
  width: 102.16px;
  height: 9.02px;
}
.group-253 {
  width: 65.78px;
  height: 5.53px;
  position: static;
}
.available {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-size: 4.656716823577881px;
  line-height: 5.82px;
  font-weight: 400;
  font-style: italic;
  opacity: 0.48;
  position: absolute;
  left: 16.59px;
  top: 204.02px;
  width: 60.25px;
  height: 5.53px;
}
.ellipse-3 {
  background: #00c74c;
  border-radius: 50%;
  width: 2.62px;
  height: 2.62px;
  position: absolute;
  left: 11.06px;
  top: 205.48px;
}
.frame-2304 {
  padding: 2.91px;
  display: flex;
  flex-direction: column;
  gap: 2.91px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 50.64px;
  position: absolute;
  left: 31.72px;
  top: 224.4px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.rectangle-282 {
  background: #000000;
  border-radius: 8.73px;
  align-self: stretch;
  flex-shrink: 0;
  height: 14.55px;
  position: relative;
}
.home-indicator5 {
  background: var(--labels-primary, #000000);
  border-radius: 29.1px;
  width: 39px;
  height: 1.16px;
  position: absolute;
  left: calc(50% - 20.96px);
  bottom: 3.2px;
}
.play-guide {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.656716823577881px;
  line-height: 5.82px;
  font-weight: 400;
  position: absolute;
  left: 32.6px;
  top: 231.67px;
  width: 49.19px;
  height: 5.82px;
}
.icon {
  width: 6.47%;
  height: 2.63%;
  position: absolute;
  right: 13.43%;
  left: 80.1%;
  bottom: 39.82%;
  top: 57.55%;
  overflow: visible;
}
.ellipse-60 {
  background: #ffffff;
  border-radius: 50%;
  width: 9.9px;
  height: 9.9px;
  position: absolute;
  left: 92.55px;
  top: 67.81px;
}
.ellipse-61 {
  background: #ffffff;
  border-radius: 50%;
  width: 9.9px;
  height: 9.9px;
  position: absolute;
  left: 92.55px;
  top: 81.2px;
}
._3-d-rotate {
  width: 6.4px;
  height: 6.4px;
  position: absolute;
  left: 94.3px;
  top: 82.95px;
  overflow: visible;
}
.expand-024 {
  width: 5.24px;
  height: 5.24px;
  position: absolute;
  left: 94.88px;
  top: 70.14px;
  overflow: visible;
}
.notch4 {
  height: auto;
  position: absolute;
  right: 29.91px;
  left: 29.911340713500977px;
  bottom: 4.05px;
  top: -0.6238950490951538px;
  overflow: visible;
}
.mock-up4 {
  background: #ecf0f3;
  border-radius: 15.58px;
  border-style: solid;
  border-color: #000000;
  border-width: 2.22px;
  width: 116.84px;
  height: 253px;
  position: absolute;
  left: 464px;
  top: 4118px;
  overflow: hidden;
}
.expand-025 {
  width: 5.19px;
  height: 5.19px;
  position: absolute;
  left: -405.05px;
  top: 291.38px;
  overflow: visible;
}
.cellular-connection5 {
  flex-shrink: 0;
  width: 5.59px;
  height: 3.56px;
  position: relative;
  overflow: visible;
}
.wifi5 {
  flex-shrink: 0;
  width: 4.99px;
  height: 3.59px;
  position: relative;
  overflow: visible;
}
.battery5 {
  flex-shrink: 0;
  width: 7.95px;
  height: 3.78px;
  position: relative;
  overflow: visible;
}
.keyboard-arrow-left5 {
  width: 9.31px;
  height: 9.31px;
  position: absolute;
  left: 1.75px;
  top: 17.75px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.frame-23042 {
  padding: 2.91px;
  display: flex;
  flex-direction: column;
  gap: 2.91px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 50.64px;
  position: absolute;
  left: 31.72px;
  top: 224.4px;
}
.icon2 {
  width: 6.47%;
  height: 2.63%;
  position: absolute;
  right: 13.43%;
  left: 80.1%;
  bottom: 39.82%;
  top: 57.55%;
  overflow: visible;
}
._3-d-rotate2 {
  width: 6.4px;
  height: 6.4px;
  position: absolute;
  left: 94.3px;
  top: 82.95px;
  overflow: visible;
}
.expand-026 {
  width: 5.24px;
  height: 5.24px;
  position: absolute;
  left: 94.88px;
  top: 70.14px;
  overflow: visible;
}
.saved-artworks-1 {
  width: 117px;
  height: 254px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
}
.notch5 {
  height: auto;
  position: absolute;
  right: 29.91px;
  left: 29.911340713500977px;
  bottom: 4.05px;
  top: -0.6238950490951538px;
  overflow: visible;
}
.information3 {
  background: #ffffff;
  width: 109.47px;
  height: 238px;
  position: absolute;
  left: 343px;
  top: 5070px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.status-bar-i-phone4 {
  padding: 5.72px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 109.47px;
  height: 14.7px;
  position: absolute;
  left: 0px;
  top: 0.27px;
}
.time7 {
  padding: 0px 1.63px 0px 4.36px;
  display: flex;
  flex-direction: row;
  gap: 2.72px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.time8 {
  color: var(--labels-primary, #000000);
  text-align: center;
  font-family: "SfPro-Semibold", sans-serif;
  font-size: 4.62929105758667px;
  line-height: 5.99px;
  font-weight: 600;
  position: relative;
}
.dynamic-island-spacer4 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 33.77px;
  height: 2.72px;
  position: relative;
}
.levels4 {
  padding: 0px 4.36px 0px 1.63px;
  display: flex;
  flex-direction: row;
  gap: 1.91px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.cellular-connection6 {
  flex-shrink: 0;
  width: 5.23px;
  height: 3.33px;
  position: relative;
  overflow: visible;
}
.wifi6 {
  flex-shrink: 0;
  width: 4.67px;
  height: 3.36px;
  position: relative;
  overflow: visible;
}
.battery6 {
  flex-shrink: 0;
  width: 7.44px;
  height: 3.54px;
  position: relative;
  overflow: visible;
}
.map3 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.446224689483643px;
  line-height: 5.45px;
  font-weight: 700;
  position: absolute;
  left: 37.85px;
  top: 18.24px;
  width: 34.31px;
  height: 5.45px;
}
.keyboard-arrow-left6 {
  width: 8.71px;
  height: 8.71px;
  position: absolute;
  left: 2px;
  top: 16px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.gallery-d-860-rxxkxduelk-1-m-12 {
  width: 282.11px;
  height: 208.32px;
  position: absolute;
  left: -45.2px;
  top: 29.68px;
  object-fit: cover;
}
.bg2 {
  background: #ffffff;
  border-radius: 8.17px;
  width: 100%;
  height: 93.59%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -10.18%;
  top: 16.59%;
}
.home-indicator6 {
  background: var(--labels-primary, #000000);
  border-radius: 27.23px;
  width: 19.06px;
  height: 1.09px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 193.89px;
}
.rectangle-2123 {
  border-radius: 5.45px;
  width: 89.32px;
  height: 91.22px;
  position: absolute;
  left: 10.35px;
  top: 58.82px;
  object-fit: cover;
}
.mary-smith3 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 6.535469055175781px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 10.35px;
  top: 160.12px;
  width: 45.75px;
  height: 8.44px;
}
.pointers-20233 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  font-style: italic;
  position: absolute;
  left: 10.35px;
  top: 168.56px;
  width: 45.75px;
  height: 8.44px;
}
.fabric-and-wooden-structure2 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 10.35px;
  top: 175.37px;
  width: 95.58px;
  height: 8.44px;
}
._250-x-115-x-110-cm2 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 10.35px;
  top: 182.45px;
  width: 95.58px;
  height: 8.44px;
}
._40002 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.446224689483643px;
  line-height: 5.45px;
  font-weight: 700;
  position: absolute;
  left: 10.35px;
  top: 200.69px;
  width: 95.58px;
  height: 8.44px;
}
.group-2532 {
  width: 61.54px;
  height: 5.17px;
  position: static;
}
.available2 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  font-style: italic;
  opacity: 0.48;
  position: absolute;
  left: 15.52px;
  top: 190.89px;
  width: 56.37px;
  height: 5.17px;
}
.ellipse-32 {
  background: #00c74c;
  border-radius: 50%;
  width: 2.45px;
  height: 2.45px;
  position: absolute;
  left: 10.35px;
  top: 192.25px;
}
.frame-23043 {
  padding: 2.72px;
  display: flex;
  flex-direction: column;
  gap: 2.72px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 47.38px;
  position: absolute;
  left: 5px;
  top: 209.95px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.rectangle-283 {
  background: #000000;
  border-radius: 8.17px;
  align-self: stretch;
  flex-shrink: 0;
  height: 13.62px;
  position: relative;
}
.icon3 {
  width: 6.47%;
  height: 2.63%;
  position: absolute;
  right: 13.43%;
  left: 80.1%;
  bottom: 39.82%;
  top: 57.55%;
  overflow: visible;
}
.ellipse-602 {
  background: #ffffff;
  border-radius: 50%;
  width: 9.26px;
  height: 9.26px;
  position: absolute;
  left: 86.6px;
  top: 63.45px;
}
.ellipse-612 {
  background: #ffffff;
  border-radius: 50%;
  width: 9.26px;
  height: 9.26px;
  position: absolute;
  left: 86.6px;
  top: 75.97px;
}
._3-d-rotate3 {
  width: 5.99px;
  height: 5.99px;
  position: absolute;
  left: 88.23px;
  top: 77.61px;
  overflow: visible;
}
.expand-027 {
  width: 4.9px;
  height: 4.9px;
  position: absolute;
  left: 88.77px;
  top: 65.63px;
  overflow: visible;
}
.play-guide2 {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 5.82px;
  top: 216.76px;
  width: 46.02px;
  height: 5.45px;
}
.frame-2305 {
  padding: 2.72px;
  display: flex;
  flex-direction: column;
  gap: 2.72px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 47.38px;
  position: absolute;
  left: 53px;
  top: 209.95px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.rectangle-284 {
  background: #ffffff;
  border-radius: 8.17px;
  align-self: stretch;
  flex-shrink: 0;
  height: 13.62px;
  position: relative;
}
.navigation3 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 54px;
  top: 217px;
  width: 46.02px;
  height: 5.45px;
}
.information4 {
  background: #ffffff;
  width: 109.47px;
  height: 238px;
  position: absolute;
  left: 462.82px;
  top: 5070px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.rectangle-253 {
  width: 109.47px;
  height: 208.05px;
  position: absolute;
  left: 0px;
  top: 29.95px;
  object-fit: cover;
}
.cellular-connection7 {
  flex-shrink: 0;
  width: 5.23px;
  height: 3.33px;
  position: relative;
  overflow: visible;
}
.wifi7 {
  flex-shrink: 0;
  width: 4.67px;
  height: 3.36px;
  position: relative;
  overflow: visible;
}
.battery7 {
  flex-shrink: 0;
  width: 7.44px;
  height: 3.54px;
  position: relative;
  overflow: visible;
}
.details {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.446224689483643px;
  line-height: 5.45px;
  font-weight: 700;
  position: absolute;
  left: 37.85px;
  top: 18.24px;
  width: 34.31px;
  height: 5.45px;
}
.keyboard-arrow-left7 {
  width: 8.71px;
  height: 8.71px;
  position: absolute;
  left: 2.18px;
  top: 16.61px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.home-indicator7 {
  background: var(--labels-primary, #000000);
  border-radius: 27.23px;
  width: 36.49px;
  height: 1.09px;
  position: absolute;
  left: calc(50% - 19.61px);
  bottom: 3px;
}
.group-3 {
  position: absolute;
  inset: 0;
}
.ellipse-33 {
  border-radius: 50%;
  border-width: 0.54px;
  border-style: solid;
  border-image: linear-gradient(
    180.16deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  border-image-slice: 1;
  width: 88.23px;
  height: 32.13px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 174.55px;
}
.rotate-360-degrees {
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.446224689483643px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 20.7px;
  top: 214.85px;
  width: 68.89px;
  height: 5.45px;
}
.ellipse-62 {
  background: #000000;
  border-radius: 50%;
  width: 9.8px;
  height: 9.8px;
  position: absolute;
  left: 51.19px;
  top: 201.78px;
}
._3-d-rotate4 {
  width: 5.99px;
  height: 5.99px;
  position: absolute;
  left: 53.1px;
  top: 203.69px;
  overflow: visible;
}
.voice-curation-12 {
  background: #ffffff;
  width: 108.55px;
  height: 236px;
  position: absolute;
  left: 158px;
  top: 5482px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.group-2872 {
  position: absolute;
  inset: 0;
}
.direction-implies-and-this-symbol-and-meaning-point-to-the-rules-she-has-established-within-her-artistic-realm-audiences-traverse-between-abstraction-and-representation-painting-and-sculpture-discerning-youngjoo-kim-s-multi-layered-humor-and-reveling-in-her-ingenious-structure-the-act-of-creating-rules-and-establishing-a-world-where-they-operate-becomes-the-essence-of-her-artistic-creation {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.400457382202148px;
  line-height: 8.1px;
  font-weight: 400;
  position: absolute;
  right: 5.11%;
  left: 8.29%;
  width: 86.6%;
  bottom: 44.92%;
  top: 12.29%;
  height: 42.8%;
}
.rectangle-2124 {
  background: #ffffff;
  width: 108.55px;
  height: 29.16px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.status-bar-i-phone5 {
  padding: 5.67px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 108.55px;
  height: 14.58px;
  position: absolute;
  left: 0px;
  top: 0.27px;
}
.time9 {
  padding: 0px 1.62px 0px 4.32px;
  display: flex;
  flex-direction: row;
  gap: 2.7px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.time10 {
  color: var(--labels-primary, #000000);
  text-align: center;
  font-family: "SfPro-Semibold", sans-serif;
  font-size: 4.590388774871826px;
  line-height: 5.94px;
  font-weight: 600;
  position: relative;
}
.dynamic-island-spacer5 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 33.48px;
  height: 2.7px;
  position: relative;
}
.levels5 {
  padding: 0px 4.32px 0px 1.62px;
  display: flex;
  flex-direction: row;
  gap: 1.89px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.cellular-connection8 {
  flex-shrink: 0;
  width: 5.18px;
  height: 3.3px;
  position: relative;
  overflow: visible;
}
.wifi8 {
  flex-shrink: 0;
  width: 4.63px;
  height: 3.33px;
  position: relative;
  overflow: visible;
}
.battery8 {
  flex-shrink: 0;
  width: 7.38px;
  height: 3.51px;
  position: relative;
  overflow: visible;
}
.rectangle-237 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 51.499998569488525%
  );
  width: 108px;
  height: 29px;
  position: absolute;
  left: 108px;
  top: 29px;
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.voice-curation3 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.400457382202148px;
  line-height: 5.4px;
  font-weight: 700;
  position: absolute;
  left: 34.83px;
  top: 17.28px;
  width: 40.5px;
  height: 5.4px;
}
.rectangle-2072 {
  background: #d9d9d9;
  border-radius: 16.2px;
  width: 2.7px;
  height: 58.86px;
  position: absolute;
  left: 103.15px;
  top: 134.13px;
}
.keyboard-arrow-left8 {
  width: 8.64px;
  height: 8.64px;
  position: absolute;
  left: 2px;
  top: 16.47px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.rectangle-2162 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 51.499998569488525%
  );
  width: 108.55px;
  height: 64px;
  position: absolute;
  left: 0px;
  top: 172px;
}
.rectangle-2172 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 51.499998569488525%
  );
  width: 108.55px;
  height: 64px;
  position: absolute;
  left: -0.81px;
  top: 172px;
}
.rectangle-2292 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 51.499998569488525%
  );
  width: 108.55px;
  height: 64px;
  position: absolute;
  left: 0.27px;
  top: 172.54px;
}
.home-indicator8 {
  background: var(--labels-primary, #000000);
  border-radius: 27px;
  width: 36.18px;
  height: 1.08px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 2.97px;
}
.waveform2 {
  padding: 2.16px 0px 2.16px 0px;
  display: flex;
  flex-direction: row;
  gap: 1.08px;
  align-items: center;
  justify-content: flex-start;
  height: 8.64px;
  position: absolute;
  left: 31.32px;
  top: 214.67px;
}
.rectangle-35 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 0.54px;
  position: relative;
}
.rectangle-92 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 2.16px;
  position: relative;
}
.rectangle-82 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 3.78px;
  position: relative;
}
.rectangle-143 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 1.08px;
  position: relative;
}
.rectangle-153 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 4.32px;
  position: relative;
}
.rectangle-343 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 3.78px;
  position: relative;
}
.rectangle-333 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 2.7px;
  position: relative;
}
.rectangle-162 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 2.7px;
  position: relative;
}
.rectangle-182 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 2.7px;
  position: relative;
}
.rectangle-225 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 3.78px;
  position: relative;
}
.rectangle-238 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 2.7px;
  position: relative;
}
.rectangle-285 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 4.32px;
  position: relative;
}
.rectangle-292 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 2.7px;
  position: relative;
}
.rectangle-303 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 1.08px;
  position: relative;
}
.rectangle-323 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.54px;
  height: 0.54px;
  position: relative;
}
.rectangle-144 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 29.7px;
  top: 218.45px;
}
.rectangle-2182 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 28.08px;
  top: 218.45px;
}
.rectangle-2192 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 26.46px;
  top: 218.45px;
}
.rectangle-2202 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 24.84px;
  top: 218.45px;
}
.rectangle-2212 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 23.22px;
  top: 218.45px;
}
.rectangle-2222 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 21.6px;
  top: 218.45px;
}
.rectangle-2232 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 19.98px;
  top: 218.45px;
}
.rectangle-2242 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 18.36px;
  top: 218.45px;
}
.rectangle-2272 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 78.31px;
  top: 218.45px;
}
.rectangle-154 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 4.32px;
  position: absolute;
  left: 79.93px;
  top: 216.83px;
}
.rectangle-344 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 3.78px;
  position: absolute;
  left: 81.55px;
  top: 217.1px;
}
.rectangle-334 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 2.7px;
  position: absolute;
  left: 83.17px;
  top: 217.64px;
}
.rectangle-304 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 84.79px;
  top: 218.45px;
}
.rectangle-324 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 0.54px;
  position: absolute;
  left: 86.41px;
  top: 218.72px;
}
.rectangle-2282 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 0.54px;
  position: absolute;
  left: 87.76px;
  top: 218.72px;
}
.rectangle-2302 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 0.54px;
  position: absolute;
  left: 89.11px;
  top: 218.72px;
}
.rectangle-2312 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 0.54px;
  position: absolute;
  left: 90.46px;
  top: 218.72px;
}
.rectangle-2322 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 0.54px;
  position: absolute;
  left: 91.81px;
  top: 218.72px;
}
.rectangle-2332 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 0.54px;
  position: absolute;
  left: 93.16px;
  top: 218.72px;
}
.player-volume2 {
  width: 6.48px;
  height: 6.48px;
  position: absolute;
  left: 95.32px;
  top: 215.48px;
}
.volume2 {
  opacity: 0.66;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.rectangle-362 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 2.16px;
  position: absolute;
  left: 55.62px;
  top: 217.91px;
}
.rectangle-372 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 3.78px;
  position: absolute;
  left: 57.24px;
  top: 217.1px;
}
.rectangle-382 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 58.87px;
  top: 218.45px;
}
.rectangle-392 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 4.32px;
  position: absolute;
  left: 60.49px;
  top: 216.83px;
}
.rectangle-402 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 3.78px;
  position: absolute;
  left: 62.11px;
  top: 217.1px;
}
.rectangle-412 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 2.7px;
  position: absolute;
  left: 63.73px;
  top: 217.64px;
}
.rectangle-422 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 2.7px;
  position: absolute;
  left: 65.35px;
  top: 217.64px;
}
.rectangle-432 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 2.7px;
  position: absolute;
  left: 66.97px;
  top: 217.64px;
}
.rectangle-442 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 3.78px;
  position: absolute;
  left: 68.59px;
  top: 217.1px;
}
.rectangle-452 {
  background: var(--theme-black, #000000);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 2.7px;
  position: absolute;
  left: 70.21px;
  top: 217.64px;
}
.rectangle-462 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 4.32px;
  position: absolute;
  left: 71.83px;
  top: 216.83px;
}
.rectangle-472 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 2.7px;
  position: absolute;
  left: 73.45px;
  top: 217.64px;
}
.rectangle-482 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 1.08px;
  position: absolute;
  left: 75.07px;
  top: 218.45px;
}
.rectangle-492 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.27px;
  opacity: 0.66;
  width: 0.54px;
  height: 0.54px;
  position: absolute;
  left: 76.69px;
  top: 218.72px;
}
.polygon-62 {
  border-radius: 0px;
  width: 8.1px;
  height: 8.1px;
  position: absolute;
  left: 59.41px;
  top: 201.44px;
  transform: translate(-6.08px, 1.13px);
  overflow: visible;
}
.rectangle-2342 {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.27px;
  width: 1.08px;
  height: 4.32px;
  position: absolute;
  left: 36.18px;
  top: 203.06px;
}
.rectangle-2352 {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.27px;
  width: 1.08px;
  height: 4.32px;
  position: absolute;
  left: 38.07px;
  top: 203.06px;
}
.rectangle-2362 {
  background: #000000;
  border-radius: 0.81px;
  width: 4.32px;
  height: 4.32px;
  position: absolute;
  left: 70.21px;
  top: 203.06px;
}
.frame-23044 {
  padding: 2.72px;
  display: flex;
  flex-direction: column;
  gap: 2.72px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 47.38px;
  position: absolute;
  left: 31px;
  top: 167px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.play-again {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 31.82px;
  top: 173.81px;
  width: 46.02px;
  height: 5.45px;
}
.voice-curation-13 {
  background: #ffffff;
  width: 108.55px;
  height: 236px;
  position: absolute;
  left: 37px;
  top: 5482px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.cellular-connection9 {
  flex-shrink: 0;
  width: 5.18px;
  height: 3.3px;
  position: relative;
  overflow: visible;
}
.wifi9 {
  flex-shrink: 0;
  width: 4.63px;
  height: 3.33px;
  position: relative;
  overflow: visible;
}
.battery9 {
  flex-shrink: 0;
  width: 7.38px;
  height: 3.51px;
  position: relative;
  overflow: visible;
}
.rectangle-2073 {
  background: #d9d9d9;
  border-radius: 16.2px;
  width: 2.7px;
  height: 58.86px;
  position: absolute;
  left: 103.15px;
  top: 72.13px;
}
.frame-2882 {
  display: flex;
  flex-direction: row;
  gap: 2.7px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 9.45px;
  top: 30.51px;
}
.group-2873 {
  flex-shrink: 0;
  width: 93.7px;
  height: 238.97px;
  position: static;
}
.mary-smith-departs-from-the-conventional-approach-to-painting-breaking-away-from-the-traditional-constraints-and-venturing-into-a-new-method-of-three-dimensional-formation-through-a-methodology-that-involves-disrupting-the-flat-canvas-framework-creating-paradoxical-rules-or-transforming-blind-conditions-into-inevitable-states-she-continuously-experiments-with-creating-new-paintings-the-artist-introduces-elements-such-as-wood-and-various-forms-of-volume-onto-the-canvas-to-indicate-directions-by-layering-linen-onto-this-constructed-canvas-framework-the-artist-pulls-and-stretches-it-embodying-the-kinetic-energy-of-the-pieces-and-expressing-the-implicit-suggestions-they-create-guided-by-the-directions-of-each-frame-utilizing-paint-the-artist-leaves-a-sort-of-clue-where-the-energy-s-direction-implies-and-this-symbol-and-meaning-point-to-the-rules-she-has-established-within-her-artistic-realm-audiences-traverse-between-abstraction-and-representation-painting-and-sculpture-discerning-youngjoo-kim-s-multi-layered-humor-and-reveling-in-her-ingenious-structure-the-act-of-creating-rules-and-establishing-a-world-where-they-operate-becomes-the-essence-of-her-artistic-creation2 {
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.400457382202148px;
  line-height: 8.1px;
  font-weight: 400;
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
}
.mary-smith-departs-from-the-conventional-approach-to-painting-breaking-away-from-the-traditional-constraints-and-venturing-into-a-new-method-of-three-dimensional-formation-through-a-methodology-that-involves-disrupting-the-flat-canvas-framework-creating-paradoxical-rules-or-transforming-blind-conditions-into-inevitable-states-she-continuously-experiments-with-creating-new-paintings-the-artist-introduces-elements-such-as-wood-and-various-forms-of-volume-onto-the-canvas-to-indicate-directions-by-layering-linen-onto-this-constructed-canvas-framework-the-artist-pulls-and-stretches-it-embodying-the-kinetic-energy-of-the-pieces-and-expressing-the-implicit-suggestions-they-create-guided-by-the-directions-of-each-frame-utilizing-paint-the-artist-leaves-a-sort-of-clue-where-the-energy-s-direction-implies-and-this-symbol-and-meaning-point-to-the-rules-she-has-established-within-her-artistic-realm-audiences-traverse-between-abstraction-and-representation-painting-and-sculpture-discerning-youngjoo-kim-s-multi-layered-humor-and-reveling-in-her-ingenious-structure-the-act-of-creating-rules-and-establishing-a-world-where-they-operate-becomes-the-essence-of-her-artistic-creation-2-span {
  background: linear-gradient(to left, #000000, #000000),
    linear-gradient(to left, #a8a8a8, #a8a8a8);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mary-smith-departs-from-the-conventional-approach-to-painting-breaking-away-from-the-traditional-constraints-and-venturing-into-a-new-method-of-three-dimensional-formation-through-a-methodology-that-involves-disrupting-the-flat-canvas-framework-creating-paradoxical-rules-or-transforming-blind-conditions-into-inevitable-states-she-continuously-experiments-with-creating-new-paintings-the-artist-introduces-elements-such-as-wood-and-various-forms-of-volume-onto-the-canvas-to-indicate-directions-by-layering-linen-onto-this-constructed-canvas-framework-the-artist-pulls-and-stretches-it-embodying-the-kinetic-energy-of-the-pieces-and-expressing-the-implicit-suggestions-they-create-guided-by-the-directions-of-each-frame-utilizing-paint-the-artist-leaves-a-sort-of-clue-where-the-energy-s-direction-implies-and-this-symbol-and-meaning-point-to-the-rules-she-has-established-within-her-artistic-realm-audiences-traverse-between-abstraction-and-representation-painting-and-sculpture-discerning-youngjoo-kim-s-multi-layered-humor-and-reveling-in-her-ingenious-structure-the-act-of-creating-rules-and-establishing-a-world-where-they-operate-becomes-the-essence-of-her-artistic-creation-2-span2 {
  color: #a8a8a8;
}
.keyboard-arrow-left9 {
  width: 8.64px;
  height: 8.64px;
  position: absolute;
  left: 2px;
  top: 16.47px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.volume3 {
  opacity: 0.66;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.polygon-63 {
  border-radius: 0px;
  width: 8.1px;
  height: 8.1px;
  position: absolute;
  left: 59.41px;
  top: 201.44px;
  transform: translate(-6.08px, 1.13px);
  overflow: visible;
}
.rectangle-2363 {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.81px;
  width: 4.32px;
  height: 4.32px;
  position: absolute;
  left: 70.21px;
  top: 203.06px;
}
.saved-artworks-12 {
  background: #ffffff;
  width: 107.85px;
  height: 234.47px;
  position: absolute;
  left: 345px;
  top: 5879px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.status-bar-i-phone6 {
  padding: 5.63px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 107.85px;
  height: 14.49px;
  position: absolute;
  left: 0px;
  top: 0.27px;
}
.time11 {
  padding: 0px 1.61px 0px 4.29px;
  display: flex;
  flex-direction: row;
  gap: 2.68px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.time12 {
  color: var(--labels-primary, #000000);
  text-align: center;
  font-family: "SfPro-Semibold", sans-serif;
  font-size: 4.560695648193359px;
  line-height: 5.9px;
  font-weight: 600;
  position: relative;
}
.dynamic-island-spacer6 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 33.27px;
  height: 2.68px;
  position: relative;
}
.levels6 {
  padding: 0px 4.29px 0px 1.61px;
  display: flex;
  flex-direction: row;
  gap: 1.88px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.cellular-connection10 {
  flex-shrink: 0;
  width: 5.15px;
  height: 3.28px;
  position: relative;
  overflow: visible;
}
.wifi10 {
  flex-shrink: 0;
  width: 4.6px;
  height: 3.31px;
  position: relative;
  overflow: visible;
}
.battery10 {
  flex-shrink: 0;
  width: 7.33px;
  height: 3.49px;
  position: relative;
  overflow: visible;
}
.rectangle-2382 {
  border-radius: 5.37px;
  width: 95.24px;
  height: 92.56px;
  position: absolute;
  left: 6.71px;
  top: 40.24px;
  object-fit: cover;
}
.mary-smith4 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 6.438629627227783px;
  line-height: 5.37px;
  font-weight: 400;
  position: absolute;
  left: 8.32px;
  top: 140.84px;
  width: 45.07px;
  height: 8.32px;
}
.pointers-20234 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-size: 4.29241943359375px;
  line-height: 5.37px;
  font-weight: 400;
  font-style: italic;
  position: absolute;
  left: 8.32px;
  top: 149.16px;
  width: 45.07px;
  height: 8.32px;
}
.fabric-and-wooden-structure3 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.29241943359375px;
  line-height: 5.37px;
  font-weight: 400;
  position: absolute;
  left: 8.32px;
  top: 155.87px;
  width: 94.16px;
  height: 8.32px;
}
._250-x-115-x-110-cm3 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.29241943359375px;
  line-height: 5.37px;
  font-weight: 400;
  position: absolute;
  left: 8.32px;
  top: 162.84px;
  width: 94.16px;
  height: 8.32px;
}
._40003 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.365524768829346px;
  line-height: 5.37px;
  font-weight: 700;
  position: absolute;
  left: 8.32px;
  top: 180.82px;
  width: 94.16px;
  height: 8.32px;
}
.group-2533 {
  position: absolute;
  inset: 0;
}
.available3 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-size: 4.29241943359375px;
  line-height: 5.37px;
  font-weight: 400;
  font-style: italic;
  opacity: 0.48;
  position: absolute;
  left: 13.41px;
  top: 171.16px;
  width: 55.53px;
  height: 5.1px;
}
.ellipse-34 {
  background: #00c74c;
  border-radius: 50%;
  width: 2.41px;
  height: 2.41px;
  position: absolute;
  left: 8.32px;
  top: 172.5px;
}
.saved-artworks2 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.365524768829346px;
  line-height: 5.37px;
  font-weight: 700;
  position: absolute;
  left: 37.29px;
  top: 17.17px;
  width: 43.73px;
  height: 5.37px;
}
.keyboard-arrow-left10 {
  width: 8.58px;
  height: 8.58px;
  position: absolute;
  left: 2px;
  top: 16.37px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.group-271 {
  position: absolute;
  inset: 0;
}
.home-indicator9 {
  background: var(--labels-primary, #000000);
  border-radius: 26.83px;
  width: 35.95px;
  height: 1.07px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 2.95px;
}
.rectangle-2372 {
  background: #ffffff;
  width: 107.85px;
  height: 20.39px;
  position: absolute;
  left: 0px;
  top: 214.08px;
  box-shadow: 0px 2.95px 11.8px 4.29px rgba(151, 151, 151, 0.25);
}
.home-indicator10 {
  background: var(--labels-primary, #000000);
  border-radius: 26.83px;
  width: 35.95px;
  height: 1.07px;
  position: absolute;
  left: calc(50% - 21.19px);
  bottom: 2.95px;
}
.group-270 {
  width: 89.6px;
  height: 7.51px;
  position: absolute;
  left: 9.39px;
  top: 219.99px;
  overflow: visible;
}
.icon4 {
  width: 6.47%;
  height: 2.63%;
  position: absolute;
  right: 10.45%;
  left: 83.08%;
  bottom: 45.65%;
  top: 51.72%;
  overflow: visible;
}
.ellipse-603 {
  background: #ffffff;
  border-radius: 50%;
  width: 9.12px;
  height: 9.12px;
  position: absolute;
  left: 88.53px;
  top: 46.14px;
}
.ellipse-613 {
  background: #ffffff;
  border-radius: 50%;
  width: 9.12px;
  height: 9.12px;
  position: absolute;
  left: 88.53px;
  top: 58.48px;
}
._3-d-rotate5 {
  width: 5.9px;
  height: 5.9px;
  position: absolute;
  left: 90.14px;
  top: 60.09px;
  overflow: visible;
}
.expand-028 {
  width: 4.83px;
  height: 4.83px;
  position: absolute;
  left: 90.68px;
  top: 48.29px;
  overflow: visible;
}
.saved-artworks-2 {
  width: 107.65px;
  height: 234.6px;
  position: absolute;
  left: 466.35px;
  top: 5879px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2);
  object-fit: cover;
}
.user-testing-insights {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 35px;
  top: 3721px;
}
.map-can-t-identify-current-location-users-found-it-difficult-to-identify-their-current-location-on-the-map-map-can-t-expect-the-next-artwork-s-location-users-were-unsure-about-where-the-next-artwork-was-located-making-navigation-challenging-saved-artworks-difficulty-navigating-again-users-experienced-inconvenience-when-trying-to-revisit-saved-artworks {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  position: absolute;
  left: 38px;
  top: 3764px;
  width: 528px;
  height: 152px;
}
.map-can-t-identify-current-location-users-found-it-difficult-to-identify-their-current-location-on-the-map-map-can-t-expect-the-next-artwork-s-location-users-were-unsure-about-where-the-next-artwork-was-located-making-navigation-challenging-saved-artworks-difficulty-navigating-again-users-experienced-inconvenience-when-trying-to-revisit-saved-artworks-span {
  list-style-type: decimal;
  padding-left: 1em;
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 600;
}
.map-can-t-identify-current-location-users-found-it-difficult-to-identify-their-current-location-on-the-map-map-can-t-expect-the-next-artwork-s-location-users-were-unsure-about-where-the-next-artwork-was-located-making-navigation-challenging-saved-artworks-difficulty-navigating-again-users-experienced-inconvenience-when-trying-to-revisit-saved-artworks-span2 {
  list-style-type: decimal;
  padding-left: 1em;
  font-family: "Inter-Regular", sans-serif;
}
.frame-2307 {
  background: #ffffff;
  width: 604.08px;
  height: 517px;
  position: absolute;
  left: 2px;
  top: 3162px;
  overflow: hidden;
}
.group-286 {
  position: absolute;
  inset: 0;
}
.screen-shot-2022-05-05-at-8-38-1 {
  width: 160.77px;
  height: 63.64px;
  position: absolute;
  left: 192.35px;
  top: 411.02px;
}
.i-phone-16-pro-11 {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.24px;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 39.24px;
  top: 28.95px;
  overflow: hidden;
}
.rectangle-248 {
  background: #c4c4c4;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-23072 {
  padding: 2.39px;
  display: flex;
  flex-direction: column;
  gap: 2.39px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100.96px;
  position: absolute;
  left: -2.39px;
  top: -2.15px;
}
.status-bar-i-phone7 {
  padding: 5.02px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 96.17px;
  height: 12.92px;
  position: relative;
}
.time13 {
  padding: 0px 1.44px 0px 3.83px;
  display: flex;
  flex-direction: row;
  gap: 2.39px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.time14 {
  color: var(--labels-primary, #000000);
  text-align: center;
  font-family: "SfPro-Semibold", sans-serif;
  font-size: 4.067099094390869px;
  line-height: 5.26px;
  font-weight: 600;
  position: relative;
}
.dynamic-island-spacer7 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 29.67px;
  height: 2.39px;
  position: relative;
}
.levels7 {
  padding: 0px 3.83px 0px 1.44px;
  display: flex;
  flex-direction: row;
  gap: 1.67px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.cellular-connection11 {
  flex-shrink: 0;
  width: 4.59px;
  height: 2.93px;
  position: relative;
  overflow: visible;
}
.wifi11 {
  flex-shrink: 0;
  width: 4.1px;
  height: 2.95px;
  position: relative;
  overflow: visible;
}
.battery11 {
  flex-shrink: 0;
  width: 6.54px;
  height: 3.11px;
  position: relative;
  overflow: visible;
}
.discover-gallery-assistant {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 11.483572959899902px;
  line-height: 14.35px;
  font-weight: 700;
  position: absolute;
  left: 7.66px;
  top: 127.99px;
  width: 71.29px;
  height: 15.79px;
}
.rectangle-286 {
  background: rgba(124, 124, 124, 0.3);
  border-radius: 7.18px;
  width: 79.43px;
  height: 11.96px;
  position: absolute;
  left: 7.66px;
  top: 181.34px;
  backdrop-filter: blur(0.48px);
}
.home-indicator11 {
  background: var(--labels-primary, #000000);
  border-radius: 23.92px;
  width: 32.06px;
  height: 0.96px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 2.87px;
}
.explore-now {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 33.25px;
  top: 184.93px;
  width: 40.43px;
  height: 4.78px;
}
.i-phone-16-pro-10 {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.24px;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 144.5px;
  top: 28.95px;
  overflow: hidden;
}
.status-bar-i-phone8 {
  padding: 5.02px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 96.17px;
  height: 12.92px;
  position: absolute;
  left: 0px;
  top: 0.24px;
}
.cellular-connection12 {
  flex-shrink: 0;
  width: 4.59px;
  height: 2.93px;
  position: relative;
  overflow: visible;
}
.wifi12 {
  flex-shrink: 0;
  width: 4.1px;
  height: 2.95px;
  position: relative;
  overflow: visible;
}
.battery12 {
  flex-shrink: 0;
  width: 6.54px;
  height: 3.11px;
  position: relative;
  overflow: visible;
}
.home-indicator12 {
  background: var(--labels-primary, #000000);
  border-radius: 23.92px;
  width: 32.06px;
  height: 0.96px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 2.63px;
}
.title {
  position: absolute;
  inset: 0;
}
.discover-book-uniq {
  color: #21293a;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 5.741786479949951px;
  font-weight: 400;
  position: absolute;
  right: 40.21%;
  left: 5.72%;
  width: 54.07%;
  top: calc(50% - 83.5px);
}
.discover-book-uniq-span {
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 600;
}
.discover-book-uniq-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.input {
  background: #fbfbfb;
  border-radius: 23.92px;
  border-style: solid;
  border-color: #ebebeb;
  border-width: 0.24px;
  padding: 1.91px 12.44px 1.91px 2.87px;
  display: flex;
  flex-direction: row;
  gap: 1.91px;
  align-items: center;
  justify-content: flex-start;
  width: 85.17px;
  position: absolute;
  left: 4.55px;
  top: 40.91px;
}
.icon5 {
  flex-shrink: 0;
  width: 5.74px;
  height: 5.74px;
  position: relative;
  overflow: visible;
}
.buscar {
  color: #999999;
  text-align: left;
  font-family: "HelveticaNeue-Medium", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 5.74px;
  font-weight: 500;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rectangle-208 {
  background: #979797;
  border-radius: 4.78px;
  width: 85.17px;
  height: 55.74px;
  position: absolute;
  left: 4.55px;
  top: 58.37px;
}
.rectangle-210 {
  background: #979797;
  border-radius: 4.78px;
  width: 85.17px;
  height: 55.74px;
  position: absolute;
  left: 4.55px;
  top: 120.1px;
}
.rectangle-211 {
  background: #979797;
  border-radius: 4.78px;
  width: 85.17px;
  height: 55.74px;
  position: absolute;
  left: 4.55px;
  top: 181.82px;
}
.weight-of-the-air {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.741786479949951px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 8.37px;
  top: 94.26px;
  width: 52.15px;
  height: 3.35px;
}
.sound-level-4 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.741786479949951px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 8.37px;
  top: 155.75px;
  width: 52.15px;
  height: 3.35px;
}
.august-8-24-2025 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 9.09px;
  top: 102.4px;
  width: 40.43px;
  height: 3.35px;
}
.august-16-30-2025 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 9.09px;
  top: 163.88px;
  width: 40.43px;
  height: 3.35px;
}
.indicatiors {
  position: absolute;
  inset: 0;
}
.rectangle-4 {
  background: #ffffff;
  border-radius: 0.48px;
  width: 10.93%;
  height: 0.39%;
  position: absolute;
  right: 54.27%;
  left: 34.79%;
  bottom: 46.79%;
  top: 52.82%;
}
.rectangle-410 {
  background: #ffffff;
  border-radius: 0.48px;
  width: 1.64%;
  height: 0.39%;
  position: absolute;
  right: 48.54%;
  left: 49.82%;
  bottom: 46.79%;
  top: 52.82%;
}
.rectangle-411 {
  background: #ffffff;
  border-radius: 0.48px;
  width: 1.64%;
  height: 0.39%;
  position: absolute;
  right: 42.8%;
  left: 55.56%;
  bottom: 46.79%;
  top: 52.82%;
}
.rectangle-413 {
  background: #ffffff;
  border-radius: 0.48px;
  width: 1.64%;
  height: 0.39%;
  position: absolute;
  right: 37.06%;
  left: 61.3%;
  bottom: 46.79%;
  top: 52.82%;
}
.rectangle-414 {
  background: #ffffff;
  border-radius: 0.48px;
  width: 10.93%;
  height: 0.39%;
  position: absolute;
  right: 54.27%;
  left: 34.79%;
  bottom: 17.27%;
  top: 82.34%;
}
.rectangle-415 {
  background: #ffffff;
  border-radius: 0.48px;
  width: 1.64%;
  height: 0.39%;
  position: absolute;
  right: 48.54%;
  left: 49.82%;
  bottom: 17.27%;
  top: 82.34%;
}
.rectangle-416 {
  background: #ffffff;
  border-radius: 0.48px;
  width: 1.64%;
  height: 0.39%;
  position: absolute;
  right: 42.8%;
  left: 55.56%;
  bottom: 17.27%;
  top: 82.34%;
}
.rectangle-417 {
  background: #ffffff;
  border-radius: 0.48px;
  width: 1.64%;
  height: 0.39%;
  position: absolute;
  right: 37.06%;
  left: 61.3%;
  bottom: 17.27%;
  top: 82.34%;
}
.rectangle-2373 {
  background: #ffffff;
  width: 96.17px;
  height: 18.18px;
  position: absolute;
  left: 0px;
  top: 190.91px;
  box-shadow: 0px 2.63px 10.53px 3.83px rgba(151, 151, 151, 0.25);
}
.home-indicator13 {
  background: var(--labels-primary, #000000);
  border-radius: 23.92px;
  width: 32.06px;
  height: 0.96px;
  position: absolute;
  left: calc(50% - 18.9px);
  bottom: 2.63px;
}
.rectangle-2074 {
  background: #d9d9d9;
  border-radius: 14.35px;
  width: 2.39px;
  height: 52.15px;
  position: absolute;
  left: 92.11px;
  top: 80.62px;
}
.exhibitions {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 3.83px;
  font-weight: 400;
  position: absolute;
  left: 4.55px;
  top: 197.61px;
  width: 17.94px;
  height: 4.78px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map4 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 3.83px;
  font-weight: 400;
  position: absolute;
  left: 27.03px;
  top: 197.61px;
  width: 21.53px;
  height: 4.78px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.artworks {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 3.83px;
  font-weight: 400;
  position: absolute;
  left: 52.63px;
  top: 197.61px;
  width: 21.53px;
  height: 4.78px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.saved {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 3.83px;
  font-weight: 400;
  position: absolute;
  left: 74.64px;
  top: 197.61px;
  width: 21.53px;
  height: 4.78px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.saved-artworks3 {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.24px;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 144.5px;
  top: 269.15px;
  overflow: hidden;
}
.cellular-connection13 {
  flex-shrink: 0;
  width: 4.59px;
  height: 2.93px;
  position: relative;
  overflow: visible;
}
.wifi13 {
  flex-shrink: 0;
  width: 4.1px;
  height: 2.95px;
  position: relative;
  overflow: visible;
}
.battery13 {
  flex-shrink: 0;
  width: 6.54px;
  height: 3.11px;
  position: relative;
  overflow: visible;
}
.rectangle-2383 {
  background: #979797;
  border-radius: 4.78px;
  width: 39.47px;
  height: 39.47px;
  position: absolute;
  left: 5.5px;
  top: 42.35px;
}
.rectangle-240 {
  background: #979797;
  border-radius: 4.78px;
  width: 39.47px;
  height: 39.47px;
  position: absolute;
  left: 5.5px;
  top: 86.84px;
}
.rectangle-242 {
  background: #979797;
  border-radius: 4.78px;
  width: 39.47px;
  height: 39.47px;
  position: absolute;
  left: 5.5px;
  top: 131.34px;
}
.rectangle-244 {
  background: #979797;
  border-radius: 4.78px;
  width: 39.47px;
  height: 39.47px;
  position: absolute;
  left: 5.5px;
  top: 175.36px;
}
.rectangle-239 {
  background: #979797;
  border-radius: 4.78px;
  width: 39.47px;
  height: 39.47px;
  position: absolute;
  left: 49.52px;
  top: 42.35px;
}
.rectangle-241 {
  background: #979797;
  border-radius: 4.78px;
  width: 39.47px;
  height: 39.47px;
  position: absolute;
  left: 49.52px;
  top: 86.84px;
}
.rectangle-243 {
  background: #979797;
  border-radius: 4.78px;
  width: 39.47px;
  height: 39.47px;
  position: absolute;
  left: 49.52px;
  top: 131.34px;
}
.rectangle-245 {
  background: #979797;
  border-radius: 4.78px;
  width: 39.47px;
  height: 39.47px;
  position: absolute;
  left: 49.52px;
  top: 175.36px;
}
.input2 {
  background: #fbfbfb;
  border-radius: 23.92px;
  border-style: solid;
  border-color: #ebebeb;
  border-width: 0.24px;
  padding: 1.91px 12.44px 1.91px 2.87px;
  display: flex;
  flex-direction: row;
  gap: 1.91px;
  align-items: center;
  justify-content: flex-start;
  width: 85.17px;
  position: absolute;
  left: 4.78px;
  top: 27.03px;
}
.icon6 {
  flex-shrink: 0;
  width: 5.74px;
  height: 5.74px;
  position: relative;
  overflow: visible;
}
.saved-artworks4 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 27.27px;
  top: 15.31px;
  width: 39.95px;
  height: 3.83px;
}
.saved-artworks-13 {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.24px;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 39.24px;
  top: 269.15px;
  overflow: hidden;
}
.cellular-connection14 {
  flex-shrink: 0;
  width: 4.59px;
  height: 2.93px;
  position: relative;
  overflow: visible;
}
.wifi14 {
  flex-shrink: 0;
  width: 4.1px;
  height: 2.95px;
  position: relative;
  overflow: visible;
}
.battery14 {
  flex-shrink: 0;
  width: 6.54px;
  height: 3.11px;
  position: relative;
  overflow: visible;
}
.rectangle-2384 {
  background: #979797;
  border-radius: 4.78px;
  width: 84.93px;
  height: 82.54px;
  position: absolute;
  left: 5.98px;
  top: 35.89px;
}
.mary-smith5 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.741786479949951px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 7.42px;
  top: 125.6px;
  width: 40.19px;
  height: 7.42px;
}
.pointers-20235 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  font-style: italic;
  position: absolute;
  left: 7.42px;
  top: 133.02px;
  width: 40.19px;
  height: 7.42px;
}
.fabric-and-wooden-structure4 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 7.42px;
  top: 139px;
  width: 83.97px;
  height: 7.42px;
}
._250-x-115-x-21-cm {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 7.42px;
  top: 145.22px;
  width: 83.97px;
  height: 7.42px;
}
._40004 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 7.42px;
  top: 161.25px;
  width: 83.97px;
  height: 7.42px;
}
.available4 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  font-style: italic;
  opacity: 0.48;
  position: absolute;
  left: 11.96px;
  top: 152.64px;
  width: 49.52px;
  height: 4.55px;
}
.ellipse-35 {
  background: #00c74c;
  border-radius: 50%;
  width: 2.15px;
  height: 2.15px;
  position: absolute;
  left: 7.42px;
  top: 153.83px;
}
.rectangle-305 {
  background: #979797;
  border-radius: 7.18px;
  width: 36.84px;
  height: 11.96px;
  position: absolute;
  left: 31.34px;
  top: 171.77px;
}
.play-guide3 {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 29.67px;
  top: 175.36px;
  width: 40.43px;
  height: 4.78px;
}
.saved-artworks5 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 29.19px;
  top: 15.55px;
  width: 38.76px;
  height: 4.78px;
}
.keyboard-arrow-left11 {
  width: 7.66px;
  height: 7.66px;
  position: absolute;
  left: 2.76px;
  top: 14.85px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.voice-curation-14 {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.24px;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 249.77px;
  top: 269.62px;
  overflow: hidden;
}
.rectangle-2125 {
  background: #ffffff;
  width: 96.17px;
  height: 25.84px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.cellular-connection15 {
  flex-shrink: 0;
  width: 4.59px;
  height: 2.93px;
  position: relative;
  overflow: visible;
}
.wifi15 {
  flex-shrink: 0;
  width: 4.1px;
  height: 2.95px;
  position: relative;
  overflow: visible;
}
.battery15 {
  flex-shrink: 0;
  width: 6.54px;
  height: 3.11px;
  position: relative;
  overflow: visible;
}
.voice-curation4 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 27.51px;
  top: 15.31px;
  width: 40.91px;
  height: 4.78px;
}
.rectangle-2075 {
  background: #d9d9d9;
  border-radius: 14.35px;
  width: 2.39px;
  height: 52.15px;
  position: absolute;
  left: 91.39px;
  top: 85.17px;
}
.mary-smith-departs-from-the-conventional-approach-to-painting-breaking-away-from-the-traditional-constraints-and-venturing-into-a-new-method-of-three-dimensional-formation-through-a-methodology-that-involves-disrupting-the-flat-canvas-framework-creating-paradoxical-rules-or-transforming-blind-conditions-into-inevitable-states-she-continuously-experiments-with-creating-new-paintings-the-artist-introduces-elements-such-as-wood-and-various-forms-of-volume-onto-the-canvas-to-indicate-directions-by-layering-linen-onto-this-constructed-canvas-framework-the-artist-pulls-and-stretches-it-embodying-the-kinetic-energy-of-the-pieces-and-expressing-the-implicit-suggestions-they-create-guided-by-the-directions-of-each-frame-utilizing-paint-the-artist-leaves-a-sort-of-clue-where-the-energy-s-direction-implies-and-this-symbol-and-meaning-point-to-the-rules-she-has-established-within-her-artistic-realm-audiences-traverse-between-abstraction-and-representation-painting-and-sculpture-discerning-youngjoo-kim-s-multi-layered-humor-and-reveling-in-her-ingenious-structure-the-act-of-creating-rules-and-establishing-a-world-where-they-operate-becomes-the-essence-of-her-artistic-creation3 {
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 7.18px;
  font-weight: 400;
  position: absolute;
  left: 8.37px;
  top: 27.03px;
  width: 83.02px;
  height: 77.51px;
}
.mary-smith-departs-from-the-conventional-approach-to-painting-breaking-away-from-the-traditional-constraints-and-venturing-into-a-new-method-of-three-dimensional-formation-through-a-methodology-that-involves-disrupting-the-flat-canvas-framework-creating-paradoxical-rules-or-transforming-blind-conditions-into-inevitable-states-she-continuously-experiments-with-creating-new-paintings-the-artist-introduces-elements-such-as-wood-and-various-forms-of-volume-onto-the-canvas-to-indicate-directions-by-layering-linen-onto-this-constructed-canvas-framework-the-artist-pulls-and-stretches-it-embodying-the-kinetic-energy-of-the-pieces-and-expressing-the-implicit-suggestions-they-create-guided-by-the-directions-of-each-frame-utilizing-paint-the-artist-leaves-a-sort-of-clue-where-the-energy-s-direction-implies-and-this-symbol-and-meaning-point-to-the-rules-she-has-established-within-her-artistic-realm-audiences-traverse-between-abstraction-and-representation-painting-and-sculpture-discerning-youngjoo-kim-s-multi-layered-humor-and-reveling-in-her-ingenious-structure-the-act-of-creating-rules-and-establishing-a-world-where-they-operate-becomes-the-essence-of-her-artistic-creation-3-span {
  color: #000000;
}
.mary-smith-departs-from-the-conventional-approach-to-painting-breaking-away-from-the-traditional-constraints-and-venturing-into-a-new-method-of-three-dimensional-formation-through-a-methodology-that-involves-disrupting-the-flat-canvas-framework-creating-paradoxical-rules-or-transforming-blind-conditions-into-inevitable-states-she-continuously-experiments-with-creating-new-paintings-the-artist-introduces-elements-such-as-wood-and-various-forms-of-volume-onto-the-canvas-to-indicate-directions-by-layering-linen-onto-this-constructed-canvas-framework-the-artist-pulls-and-stretches-it-embodying-the-kinetic-energy-of-the-pieces-and-expressing-the-implicit-suggestions-they-create-guided-by-the-directions-of-each-frame-utilizing-paint-the-artist-leaves-a-sort-of-clue-where-the-energy-s-direction-implies-and-this-symbol-and-meaning-point-to-the-rules-she-has-established-within-her-artistic-realm-audiences-traverse-between-abstraction-and-representation-painting-and-sculpture-discerning-youngjoo-kim-s-multi-layered-humor-and-reveling-in-her-ingenious-structure-the-act-of-creating-rules-and-establishing-a-world-where-they-operate-becomes-the-essence-of-her-artistic-creation-3-span2 {
  color: #a8a8a8;
}
.keyboard-arrow-left12 {
  width: 7.66px;
  height: 7.66px;
  position: absolute;
  left: 2.23px;
  top: 14.59px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.rectangle-2163 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 51.499998569488525%
  );
  width: 96.17px;
  height: 56.7px;
  position: absolute;
  left: 0px;
  top: 152.4px;
}
.rectangle-2173 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 51.499998569488525%
  );
  width: 96.17px;
  height: 56.7px;
  position: absolute;
  left: -0.72px;
  top: 152.4px;
}
.rectangle-2293 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 51.499998569488525%
  );
  width: 96.17px;
  height: 56.7px;
  position: absolute;
  left: 0.24px;
  top: 152.88px;
}
.waveform3 {
  padding: 1.91px 0px 1.91px 0px;
  display: flex;
  flex-direction: row;
  gap: 0.96px;
  align-items: center;
  justify-content: flex-start;
  height: 7.66px;
  position: absolute;
  left: 27.75px;
  top: 190.2px;
}
.rectangle-310 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 0.48px;
  position: relative;
}
.rectangle-93 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 1.91px;
  position: relative;
}
.rectangle-83 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 3.35px;
  position: relative;
}
.rectangle-145 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 0.96px;
  position: relative;
}
.rectangle-155 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 3.83px;
  position: relative;
}
.rectangle-345 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 3.35px;
  position: relative;
}
.rectangle-335 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 2.39px;
  position: relative;
}
.rectangle-163 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 2.39px;
  position: relative;
}
.rectangle-183 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 2.39px;
  position: relative;
}
.rectangle-226 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 3.35px;
  position: relative;
}
.rectangle-2310 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 2.39px;
  position: relative;
}
.rectangle-287 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 3.83px;
  position: relative;
}
.rectangle-293 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 2.39px;
  position: relative;
}
.rectangle-306 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 0.96px;
  position: relative;
}
.rectangle-325 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  flex-shrink: 0;
  width: 0.48px;
  height: 0.48px;
  position: relative;
}
.rectangle-146 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 26.32px;
  top: 193.55px;
}
.rectangle-2183 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 24.88px;
  top: 193.55px;
}
.rectangle-2193 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 23.45px;
  top: 193.55px;
}
.rectangle-2203 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 22.01px;
  top: 193.55px;
}
.rectangle-2213 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 20.57px;
  top: 193.55px;
}
.rectangle-2223 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 19.14px;
  top: 193.55px;
}
.rectangle-2233 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 17.7px;
  top: 193.55px;
}
.rectangle-2243 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 16.27px;
  top: 193.55px;
}
.rectangle-2273 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 69.38px;
  top: 193.55px;
}
.rectangle-156 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 3.83px;
  position: absolute;
  left: 70.82px;
  top: 192.11px;
}
.rectangle-346 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 3.35px;
  position: absolute;
  left: 72.25px;
  top: 192.35px;
}
.rectangle-336 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 2.39px;
  position: absolute;
  left: 73.69px;
  top: 192.83px;
}
.rectangle-307 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 75.12px;
  top: 193.55px;
}
.rectangle-326 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.48px;
  position: absolute;
  left: 76.56px;
  top: 193.79px;
}
.rectangle-2283 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.48px;
  position: absolute;
  left: 77.75px;
  top: 193.79px;
}
.rectangle-2303 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.48px;
  position: absolute;
  left: 78.95px;
  top: 193.79px;
}
.rectangle-2313 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.48px;
  position: absolute;
  left: 80.15px;
  top: 193.79px;
}
.rectangle-2323 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.48px;
  position: absolute;
  left: 81.34px;
  top: 193.79px;
}
.rectangle-2333 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.48px;
  position: absolute;
  left: 82.54px;
  top: 193.79px;
}
.player-volume3 {
  width: 5.74px;
  height: 5.74px;
  position: absolute;
  left: 84.45px;
  top: 190.91px;
}
.volume4 {
  opacity: 0.66;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.rectangle-363 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 1.91px;
  position: absolute;
  left: 49.28px;
  top: 193.07px;
}
.rectangle-373 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 3.35px;
  position: absolute;
  left: 50.72px;
  top: 192.35px;
}
.rectangle-383 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 52.15px;
  top: 193.55px;
}
.rectangle-393 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 3.83px;
  position: absolute;
  left: 53.59px;
  top: 192.11px;
}
.rectangle-403 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 3.35px;
  position: absolute;
  left: 55.03px;
  top: 192.35px;
}
.rectangle-418 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 2.39px;
  position: absolute;
  left: 56.46px;
  top: 192.83px;
}
.rectangle-423 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 2.39px;
  position: absolute;
  left: 57.9px;
  top: 192.83px;
}
.rectangle-433 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 2.39px;
  position: absolute;
  left: 59.33px;
  top: 192.83px;
}
.rectangle-443 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 3.35px;
  position: absolute;
  left: 60.77px;
  top: 192.35px;
}
.rectangle-453 {
  background: var(--theme-black, #000000);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 2.39px;
  position: absolute;
  left: 62.2px;
  top: 192.83px;
}
.rectangle-463 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 3.83px;
  position: absolute;
  left: 63.64px;
  top: 192.11px;
}
.rectangle-473 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 2.39px;
  position: absolute;
  left: 65.07px;
  top: 192.83px;
}
.rectangle-483 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.96px;
  position: absolute;
  left: 66.51px;
  top: 193.55px;
}
.rectangle-493 {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.24px;
  opacity: 0.66;
  width: 0.48px;
  height: 0.48px;
  position: absolute;
  left: 67.94px;
  top: 193.79px;
}
.polygon-64 {
  border-radius: 0px;
  width: 7.18px;
  height: 7.18px;
  position: absolute;
  left: 52.63px;
  top: 178.47px;
  transform: translate(-5.38px, 1.01px);
  overflow: visible;
}
.rectangle-2343 {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.24px;
  width: 0.96px;
  height: 3.83px;
  position: absolute;
  left: 32.06px;
  top: 179.91px;
}
.rectangle-2353 {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.24px;
  width: 0.96px;
  height: 3.83px;
  position: absolute;
  left: 33.73px;
  top: 179.91px;
}
.rectangle-2364 {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.72px;
  width: 3.83px;
  height: 3.83px;
  position: absolute;
  left: 62.2px;
  top: 179.91px;
}
.map-guide {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.24px;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 249.77px;
  top: 28.95px;
  overflow: hidden;
}
.rectangle-2472 {
  background: #ffffff;
  width: 100%;
  height: 82.27%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 5.49%;
  top: 12.24%;
}
.cellular-connection16 {
  flex-shrink: 0;
  width: 4.59px;
  height: 2.93px;
  position: relative;
  overflow: visible;
}
.wifi16 {
  flex-shrink: 0;
  width: 4.1px;
  height: 2.95px;
  position: relative;
  overflow: visible;
}
.battery16 {
  flex-shrink: 0;
  width: 6.54px;
  height: 3.11px;
  position: relative;
  overflow: visible;
}
.map5 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 33.25px;
  top: 16.03px;
  width: 30.14px;
  height: 4.78px;
}
.keyboard-arrow-left13 {
  width: 7.66px;
  height: 7.66px;
  position: absolute;
  left: 2.23px;
  top: 14.59px;
  transform: translate(0px, 0px);
  overflow: visible;
}
._1-f-weight-of-the-air {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Medium", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 500;
  position: absolute;
  left: 3.35px;
  top: 29.43px;
  width: 53.59px;
  height: 4.78px;
}
._2-f-sound-level-4 {
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 3.35px;
  top: 37.08px;
  width: 53.59px;
  height: 4.78px;
}
._3-f-resonance {
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 3.35px;
  top: 44.74px;
  width: 53.59px;
  height: 4.78px;
}
.group-267 {
  position: absolute;
  inset: 0;
}
.rectangle-122 {
  background: #a2a2a2;
  border-radius: 4.78px;
  width: 46.17px;
  height: 8.85px;
  position: absolute;
  left: 24.88px;
  top: 174.17px;
  backdrop-filter: blur(0.99px);
}
.group-266 {
  width: 51.68px;
  height: 5.5px;
  position: static;
}
.navigate {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 22.25px;
  top: 176.32px;
  width: 51.68px;
  height: 5.5px;
}
.group-265 {
  width: 108.27%;
  height: 39.99%;
  position: absolute;
  right: -14.98%;
  left: 6.72%;
  bottom: -18.62%;
  top: 78.63%;
  transform: translate(-0.36px, -104.48px);
  overflow: visible;
}
.information5 {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.24px;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 355.03px;
  top: 269.15px;
  overflow: hidden;
}
.cellular-connection17 {
  flex-shrink: 0;
  width: 4.59px;
  height: 2.93px;
  position: relative;
  overflow: visible;
}
.wifi17 {
  flex-shrink: 0;
  width: 4.1px;
  height: 2.95px;
  position: relative;
  overflow: visible;
}
.battery17 {
  flex-shrink: 0;
  width: 6.54px;
  height: 3.11px;
  position: relative;
  overflow: visible;
}
.keyboard-arrow-left14 {
  width: 7.66px;
  height: 7.66px;
  position: absolute;
  left: 1.97px;
  top: 14.59px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.gallery-d-860-rxxkxduelk-1-m-13 {
  width: 247.85px;
  height: 183.02px;
  position: absolute;
  left: -39.71px;
  top: 26.08px;
  object-fit: cover;
}
.bg3 {
  background: #ffffff;
  border-radius: 7.18px;
  width: 100%;
  height: 93.59%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -10.18%;
  top: 16.59%;
}
.home-indicator14 {
  background: var(--labels-primary, #000000);
  border-radius: 23.92px;
  width: 16.75px;
  height: 0.96px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 170.34px;
}
.rectangle-2126 {
  background: #979797;
  border-radius: 4.78px;
  width: 78.47px;
  height: 80.15px;
  position: absolute;
  left: 9.09px;
  top: 51.68px;
}
.mary-smith6 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.741786479949951px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 9.09px;
  top: 140.67px;
  width: 40.19px;
  height: 7.42px;
}
.pointers-20236 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  font-style: italic;
  position: absolute;
  left: 9.09px;
  top: 148.09px;
  width: 40.19px;
  height: 7.42px;
}
.fabric-and-wooden-structure5 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 9.09px;
  top: 154.07px;
  width: 83.97px;
  height: 7.42px;
}
._250-x-115-x-21-cm2 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 9.09px;
  top: 160.29px;
  width: 83.97px;
  height: 7.42px;
}
._40005 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 9.09px;
  top: 176.32px;
  width: 83.97px;
  height: 7.42px;
}
.group-2534 {
  width: 54.07px;
  height: 4.55px;
  position: static;
}
.available5 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Italic", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  font-style: italic;
  opacity: 0.48;
  position: absolute;
  left: 13.64px;
  top: 167.71px;
  width: 49.52px;
  height: 4.55px;
}
.ellipse-36 {
  background: #00c74c;
  border-radius: 50%;
  width: 2.15px;
  height: 2.15px;
  position: absolute;
  left: 9.09px;
  top: 168.9px;
}
.rectangle-288 {
  background: #999999;
  border-radius: 7.18px;
  width: 36.84px;
  height: 11.96px;
  position: absolute;
  left: 30.62px;
  top: 186.85px;
}
.home-indicator15 {
  background: var(--labels-primary, #000000);
  border-radius: 23.92px;
  width: 32.06px;
  height: 0.96px;
  position: absolute;
  left: calc(50% - 17.23px);
  bottom: 2.63px;
}
.play-guide4 {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.8278579711914062px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 28.95px;
  top: 190.44px;
  width: 40.43px;
  height: 4.78px;
}
.icon7 {
  width: 6.47%;
  height: 2.63%;
  position: absolute;
  right: 15.17%;
  left: 78.36%;
  bottom: 39.82%;
  top: 57.55%;
  overflow: visible;
}
.daniel-davis {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 196.9px;
  top: 342.59px;
  width: 23.92px;
  height: 4.78px;
}
.donald-black {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 153.35px;
  top: 432.07px;
  width: 23.92px;
  height: 4.78px;
}
.joseph-won {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 196.9px;
  top: 387.33px;
  width: 23.92px;
  height: 4.78px;
}
.mary-smith7 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 153.35px;
  top: 342.59px;
  width: 23.92px;
  height: 4.78px;
}
.youngjoo-kim {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 153.35px;
  top: 387.33px;
  width: 23.92px;
  height: 4.78px;
}
.elizabeth-brown {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 196.9px;
  top: 432.07px;
  width: 32.06px;
  height: 4.78px;
}
.one-finger-tap {
  width: 7.42px;
  height: 7.42px;
  position: absolute;
  left: 399.53px;
  top: 213.16px;
  overflow: visible;
}
.information6 {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.24px;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 460.3px;
  top: 269.39px;
  overflow: hidden;
}
.rectangle-2532 {
  background: #c4c4c4;
  width: 96.17px;
  height: 182.78px;
  position: absolute;
  left: 0px;
  top: 26.32px;
}
.cellular-connection18 {
  flex-shrink: 0;
  width: 4.59px;
  height: 2.93px;
  position: relative;
  overflow: visible;
}
.wifi18 {
  flex-shrink: 0;
  width: 4.1px;
  height: 2.95px;
  position: relative;
  overflow: visible;
}
.battery18 {
  flex-shrink: 0;
  width: 6.54px;
  height: 3.11px;
  position: relative;
  overflow: visible;
}
.details2 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 33.25px;
  top: 16.03px;
  width: 30.14px;
  height: 4.78px;
}
.keyboard-arrow-left15 {
  width: 7.66px;
  height: 7.66px;
  position: absolute;
  left: 1.7px;
  top: 14.59px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.ellipse-37 {
  border-radius: 50%;
  border-width: 0.48px;
  border-style: solid;
  border-image: linear-gradient(
    180.16deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(186, 186, 186, 1) 100%
  );
  border-image-slice: 1;
  width: 77.51px;
  height: 28.23px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 153.35px;
}
.rotate-360-degrees2 {
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 18.18px;
  top: 188.76px;
  width: 60.53px;
  height: 4.78px;
}
.ellipse-622 {
  background: #828282;
  border-radius: 50%;
  width: 8.61px;
  height: 8.61px;
  position: absolute;
  left: 44.98px;
  top: 177.28px;
}
._3-d-rotate6 {
  width: 5.26px;
  height: 5.26px;
  position: absolute;
  left: 46.65px;
  top: 178.95px;
  overflow: visible;
}
.navigation4 {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.24px;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 355.03px;
  top: 28.95px;
  overflow: hidden;
}
.rectangle-2473 {
  background: #979797;
  width: 101.99%;
  height: 87.41%;
  position: absolute;
  right: -0.99%;
  left: -1%;
  bottom: 0%;
  top: 12.59%;
}
.cellular-connection19 {
  flex-shrink: 0;
  width: 4.59px;
  height: 2.93px;
  position: relative;
  overflow: visible;
}
.wifi19 {
  flex-shrink: 0;
  width: 4.1px;
  height: 2.95px;
  position: relative;
  overflow: visible;
}
.battery19 {
  flex-shrink: 0;
  width: 6.54px;
  height: 3.11px;
  position: relative;
  overflow: visible;
}
.map6 {
  color: #000000;
  text-align: center;
  font-family: "Helvetica-Bold", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 33.25px;
  top: 16.03px;
  width: 30.14px;
  height: 4.78px;
}
.keyboard-arrow-left16 {
  width: 7.66px;
  height: 7.66px;
  position: absolute;
  left: 1.97px;
  top: 14.59px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.rectangle-2493 {
  width: 106.84px;
  height: 19.4px;
  position: absolute;
  left: 0.53px;
  top: 169.12px;
  transform: translate(-0.53px, 1.93px);
  overflow: visible;
}
.rectangle-123 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 4.78px;
  width: 88.76px;
  height: 35.89px;
  position: absolute;
  left: 3.11px;
  top: 33.25px;
  backdrop-filter: blur(0.99px);
}
.polygon-83 {
  border-radius: 0px;
  width: 12.42px;
  height: 4.52px;
  position: absolute;
  left: 62.92px;
  top: 200.37px;
  transform: translate(3.03px, -4.8px);
  overflow: visible;
}
.polygon-93 {
  border-radius: 0px;
  width: 10.93px;
  height: 5.04px;
  position: absolute;
  left: 40.91px;
  top: 192.02px;
  transform: translate(2.51px, -3.44px);
  overflow: visible;
}
.polygon-103 {
  border-radius: 0px;
  width: 10.39px;
  height: 5.28px;
  position: absolute;
  left: 18.9px;
  top: 183.91px;
  transform: translate(2.04px, -2.89px);
  overflow: visible;
}
.polygon-113 {
  border-radius: 0px;
  width: 7.56px;
  height: 4.83px;
  position: absolute;
  left: 0.96px;
  top: 177.2px;
  transform: translate(1.64px, -1.49px);
  overflow: visible;
}
.rectangle-2502 {
  background: #ffffff;
  border-radius: 2.39px;
  width: 28.95px;
  height: 28.95px;
  position: absolute;
  left: 6.46px;
  top: 36.84px;
}
.mary-smith8 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 4.306340217590332px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 40.19px;
  top: 46.89px;
  width: 36.36px;
  height: 5.02px;
}
.pointers-20237 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 40.19px;
  top: 53.83px;
  width: 26.32px;
  height: 5.02px;
}
.x3 {
  width: 5.26px;
  height: 5.26px;
  position: absolute;
  left: 82.78px;
  top: 35.65px;
  overflow: visible;
}
.rectangle-2512 {
  border-radius: 0px;
  width: 22.01px;
  height: 6.94px;
  position: absolute;
  left: 65.55px;
  top: 58.85px;
  overflow: visible;
}
.frame-2306 {
  border-style: solid;
  border-color: #000000;
  border-width: 0.24px;
  width: 96.17px;
  height: 209.1px;
  position: absolute;
  left: 460.3px;
  top: 29.19px;
  overflow: hidden;
}
.select-artworks-for-guide {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 24.88px;
  top: 196.9px;
  width: 60.53px;
  height: 4.78px;
}
.rectangle-2474 {
  background: #c4c4c4;
  width: 100%;
  height: 87.41%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 12.59%;
}
.status-bar-i-phone9 {
  padding: 5.02px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 96.17px;
  height: 12.92px;
  position: absolute;
  left: 0.96px;
  top: 0.24px;
}
.cellular-connection20 {
  flex-shrink: 0;
  width: 4.59px;
  height: 2.93px;
  position: relative;
  overflow: visible;
}
.wifi20 {
  flex-shrink: 0;
  width: 4.1px;
  height: 2.95px;
  position: relative;
  overflow: visible;
}
.battery20 {
  flex-shrink: 0;
  width: 6.54px;
  height: 3.11px;
  position: relative;
  overflow: visible;
}
.map7 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 34.21px;
  top: 16.03px;
  width: 30.14px;
  height: 4.78px;
}
.keyboard-arrow-left17 {
  width: 7.66px;
  height: 7.66px;
  position: absolute;
  left: 2.7px;
  top: 14.59px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.rectangle-124 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 4.78px;
  width: 34.69px;
  height: 23.21px;
  position: absolute;
  left: 38.04px;
  top: 45.7px;
  backdrop-filter: blur(0.99px);
}
.rectangle-125 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 4.78px;
  border-style: solid;
  border-color: transparent;
  border-width: 0.24px;
  width: 34.69px;
  height: 22.97px;
  position: absolute;
  left: 26.79px;
  top: 154.07px;
  backdrop-filter: blur(0.99px);
}
.pointers-20238 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 30.14px;
  top: 162.68px;
  width: 26.32px;
  height: 5.02px;
}
.mary-smith9 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 30.14px;
  top: 157.66px;
  width: 24.64px;
  height: 5.02px;
}
.select-artworks-for-guide2 {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.7848219871521px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 20.57px;
  top: 196.9px;
  width: 60.53px;
  height: 4.78px;
}
.rectangle-13 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 4.78px;
  width: 33.02px;
  height: 22.97px;
  position: absolute;
  left: 60.29px;
  top: 94.74px;
  backdrop-filter: blur(0.99px);
}
.rectangle-2462 {
  background: #ffffff;
  border-radius: 2.39px;
  width: 27.75px;
  height: 5.98px;
  position: absolute;
  left: 62.92px;
  top: 109.81px;
}
.details3 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 63.64px;
  top: 110.29px;
  width: 26.32px;
  height: 5.02px;
}
.rectangle-2463 {
  background: #ffffff;
  border-radius: 2.39px;
  width: 27.75px;
  height: 5.98px;
  position: absolute;
  left: 30.14px;
  top: 168.9px;
}
.details4 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 30.86px;
  top: 169.38px;
  width: 26.32px;
  height: 5.02px;
}
.group-256 {
  position: absolute;
  inset: 0;
}
.ellipse-59 {
  background: #979797;
  border-radius: 50%;
  border-style: solid;
  border-color: #979797;
  border-width: 0.24px;
  width: 6.94px;
  height: 6.94px;
  position: absolute;
  left: 17.94px;
  top: 174.41px;
  filter: blur(1.79px);
}
.ellipse-58 {
  background: #979797;
  border-radius: 50%;
  border-style: solid;
  border-color: #979797;
  border-width: 0.24px;
  width: 3.83px;
  height: 3.83px;
  position: absolute;
  left: 19.38px;
  top: 176.08px;
  backdrop-filter: blur(1.2px);
}
.group-257 {
  position: absolute;
  inset: 0;
}
.ellipse-592 {
  background: #979797;
  border-radius: 50%;
  border-style: solid;
  border-color: #979797;
  border-width: 0.24px;
  width: 6.94px;
  height: 6.94px;
  position: absolute;
  left: 23.45px;
  top: 68.9px;
  filter: blur(1.79px);
}
.ellipse-582 {
  background: #979797;
  border-radius: 50%;
  border-style: solid;
  border-color: #979797;
  border-width: 0.24px;
  width: 3.83px;
  height: 3.83px;
  position: absolute;
  left: 24.88px;
  top: 70.58px;
  backdrop-filter: blur(1.2px);
}
.group-258 {
  position: absolute;
  inset: 0;
}
.ellipse-593 {
  background: #979797;
  border-radius: 50%;
  border-style: solid;
  border-color: #979797;
  border-width: 0.24px;
  width: 6.94px;
  height: 6.94px;
  position: absolute;
  left: 50.96px;
  top: 104.55px;
  filter: blur(1.79px);
}
.ellipse-583 {
  background: #979797;
  border-radius: 50%;
  border-style: solid;
  border-color: #979797;
  border-width: 0.24px;
  width: 3.83px;
  height: 3.83px;
  position: absolute;
  left: 52.39px;
  top: 106.22px;
  backdrop-filter: blur(1.2px);
}
.love-1995 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 41.63px;
  top: 54.31px;
  width: 26.32px;
  height: 5.02px;
}
.new-chair-2011 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 63.64px;
  top: 103.35px;
  width: 26.32px;
  height: 5.02px;
}
.donald-black2 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 41.63px;
  top: 49.28px;
  width: 24.64px;
  height: 5.02px;
}
.daniel-davis2 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 700;
  position: absolute;
  left: 63.64px;
  top: 98.33px;
  width: 24.64px;
  height: 5.02px;
}
.group-263 {
  position: absolute;
  inset: 0;
}
.rectangle-2464 {
  background: #ffffff;
  border-radius: 2.39px;
  width: 27.75px;
  height: 5.98px;
  position: absolute;
  left: 41.63px;
  top: 60.77px;
}
.details5 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.3493757247924805px;
  line-height: 4.78px;
  font-weight: 400;
  position: absolute;
  left: 42.35px;
  top: 61.25px;
  width: 26.32px;
  height: 5.02px;
}
.one-finger-tap2 {
  width: 7.42px;
  height: 7.42px;
  position: absolute;
  left: 45.93px;
  top: 187.09px;
  overflow: visible;
}
.group-275 {
  width: 17.7px;
  height: 83.02px;
  position: absolute;
  left: 126.32px;
  top: 132.3px;
  overflow: visible;
}
.group-276 {
  width: 16.99px;
  height: 58.37px;
  position: absolute;
  left: 232.78px;
  top: 60.77px;
  overflow: visible;
}
.group-277 {
  width: 71.05px;
  height: 100.96px;
  position: absolute;
  left: 406.23px;
  top: 198.09px;
  overflow: visible;
}
.group-278 {
  width: 41.39px;
  height: 146.65px;
  position: absolute;
  left: 191.63px;
  top: 227.76px;
  overflow: visible;
}
.arrow-2 {
  width: 32.78px;
  height: 0px;
  position: absolute;
  left: 320.82px;
  top: 207.42px;
  overflow: visible;
}
.arrow-3 {
  width: 8.37px;
  height: 0px;
  position: absolute;
  left: 451.21px;
  top: 155.99px;
  overflow: visible;
}
.ellipse-614 {
  background: #ffffff;
  border-radius: 50%;
  width: 8.13px;
  height: 8.13px;
  position: absolute;
  left: 430.39px;
  top: 325.13px;
}
._3-d-rotate7 {
  width: 5.26px;
  height: 5.26px;
  position: absolute;
  left: 431.83px;
  top: 326.56px;
  overflow: visible;
}
.arrow-4 {
  width: 21.77px;
  height: 0px;
  position: absolute;
  left: 438.53px;
  top: 329.2px;
  overflow: visible;
}
.arrow-5 {
  width: 39.71px;
  height: 0px;
  position: absolute;
  left: 385.66px;
  top: 461.74px;
  overflow: visible;
}
.arrow-6 {
  width: 14.35px;
  height: 0px;
  position: absolute;
  left: 150.48px;
  top: 331.11px;
  overflow: visible;
}
.flow-lines-u-turn {
  width: 116.03px;
  height: 5.02px;
  position: absolute;
  left: 181.82px;
  top: 241.39px;
  overflow: visible;
}
.vector-802 {
  width: 0px;
  height: 8.61px;
  position: absolute;
  left: 181.82px;
  top: 233.14px;
  overflow: visible;
}
.frame-2308 {
  width: 12px;
  height: 9px;
  position: absolute;
  left: 283px;
  top: 5204px;
  overflow: hidden;
}
.by-incorporating-a-navigation-feature-users-can-identify-their-current-location-and-reach-their-desired-artwork-without-the-need-for-human-assistance-in-this-case-curators-do-not-have-to-move-around-the-large-building-themselves-and-visitors-can-navigate-seamlessly-without-getting-lost-guided-by-the-virtual-directions-provided-by-the-navigation-system {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 34px;
  top: 4467px;
  width: 547px;
  height: 54px;
}
.how-to-indicate-the-artwork-s-location-without-guiding-visitors-directly {
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 34px;
  top: 4442px;
  width: 547px;
  height: 20px;
}
.how-to-indicate-the-artwork-s-location-without-guiding-visitors-directly-span {
  color: #000000;
}
.how-to-indicate-the-artwork-s-location-without-guiding-visitors-directly-span2 {
  color: #2600ff;
}
.through-navigation-when-users-arrive-at-their-destination-and-point-their-camera-at-an-artwork-they-want-to-learn-more-about-ai-automatically-recognizes-the-piece-and-retrieves-comprehensive-information-including-its-size-title-artist-and-availability-for-purchase-this-allows-visitors-to-access-the-details-they-need-without-having-to-seek-assistance-from-staff {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 33px;
  top: 4975px;
  width: 549px;
  height: 54px;
}
.how-to-provide-artwork-information-without-them-asking-first {
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 33px;
  top: 4950px;
  width: 452px;
  height: 20px;
}
.how-to-provide-artwork-information-without-them-asking-first-span {
  color: #000000;
}
.how-to-provide-artwork-information-without-them-asking-first-span2 {
  color: #2600ff;
}
.instead-of-seeking-out-staff-or-initiating-a-conversation-when-they-have-questions-about-an-artwork-visitors-can-listen-to-pre-recorded-artist-and-artwork-descriptions-through-ai-voice-assistance-serving-as-a-curator-s-substitute {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 33px;
  top: 5402px;
  width: 551px;
  height: 54px;
}
.how-to-effectively-explain-the-artwork-without-directly-providing-a-verbal-explanation {
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 33px;
  top: 5356px;
  width: 551px;
  height: 20px;
}
.how-to-effectively-explain-the-artwork-without-directly-providing-a-verbal-explanation-span {
  color: #000000;
}
.how-to-effectively-explain-the-artwork-without-directly-providing-a-verbal-explanation-span2 {
  color: #2600ff;
}
.enjoy-an-immersive-and-ai-powered-audio-guide-experience-receive-ai-driven-audio-explanations-acting-as-a-curator-s-substitute-engage-with-an-on-demand-voice-guide-whenever-you-come-across-an-artwork-of-interest {
  text-align: left;
  position: absolute;
  left: 328px;
  top: 5549px;
  width: 244px;
  height: 145.91px;
}
.enjoy-an-immersive-and-ai-powered-audio-guide-experience-receive-ai-driven-audio-explanations-acting-as-a-curator-s-substitute-engage-with-an-on-demand-voice-guide-whenever-you-come-across-an-artwork-of-interest-span {
  color: #000000;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.5px;
  font-weight: 600;
}
.enjoy-an-immersive-and-ai-powered-audio-guide-experience-receive-ai-driven-audio-explanations-acting-as-a-curator-s-substitute-engage-with-an-on-demand-voice-guide-whenever-you-come-across-an-artwork-of-interest-span2 {
  color: #2600ff;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.5px;
  font-weight: 600;
}
.enjoy-an-immersive-and-ai-powered-audio-guide-experience-receive-ai-driven-audio-explanations-acting-as-a-curator-s-substitute-engage-with-an-on-demand-voice-guide-whenever-you-come-across-an-artwork-of-interest-span3 {
  color: #000000;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16.5px;
  font-weight: 600;
}
.enjoy-an-immersive-and-ai-powered-audio-guide-experience-receive-ai-driven-audio-explanations-acting-as-a-curator-s-substitute-engage-with-an-on-demand-voice-guide-whenever-you-come-across-an-artwork-of-interest-span4 {
  color: #000000;
  list-style-type: disc;
  padding-left: 1em;
  font-family: "Inter-Regular", sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
}
.a-feature-is-designed-to-allow-users-to-save-artwork-information-enabling-them-to-retrieve-details-about-their-selected-pieces-even-after-leaving-the-exhibit {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 36px;
  top: 5821px;
  width: 535px;
  height: 54px;
}
.how-to-enable-visitors-to-revisit-the-artworks-they-liked {
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 36px;
  top: 5794px;
  width: 512px;
  height: 20px;
}
.how-to-enable-visitors-to-revisit-the-artworks-they-liked-span {
  color: #000000;
}
.how-to-enable-visitors-to-revisit-the-artworks-they-liked-span2 {
  color: #2600ff;
}
.takeaway {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  left: 32px;
  top: 6197px;
}
.reflection {
  color: #2600ff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 32px;
  top: 6173px;
}
.if-i-had-the-technical-skills-to-directly-code-the-ar-features-i-believe-i-could-have-increased-the-implementation-rate-of-these-functionalities-the-process-of-combining-ar-technology-with-user-experience-design-was-both-exciting-and-challenging-if-i-had-more-time-i-would-focus-on-adding-features-that-allow-users-to-immediately-purchase-artworks-that-are-ready-for-sale-this-would-not-only-improve-the-user-experience-but-also-potentially-increase-sales-and-revenue {
  color: #000000;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  left: 32px;
  top: 6243px;
  width: 538px;
  height: 127px;
}
.navigation-2 {
  background: #ffffff;
  width: 107.64px;
  height: 234.03px;
  position: absolute;
  left: 186px;
  top: 4669px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.status-bar-i-phone10 {
  padding: 5.62px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 107.64px;
  height: 14.46px;
  position: absolute;
  left: 0px;
  top: 0.27px;
}
.time15 {
  padding: 0px 1.61px 0px 4.28px;
  display: flex;
  flex-direction: row;
  gap: 2.68px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.time16 {
  color: var(--labels-primary, #000000);
  text-align: center;
  font-family: "SfPro-Semibold", sans-serif;
  font-size: 4.552132606506348px;
  line-height: 5.89px;
  font-weight: 600;
  position: relative;
}
.dynamic-island-spacer8 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 33.2px;
  height: 2.68px;
  position: relative;
}
.levels8 {
  padding: 0px 4.28px 0px 1.61px;
  display: flex;
  flex-direction: row;
  gap: 1.87px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.cellular-connection21 {
  flex-shrink: 0;
  width: 5.14px;
  height: 3.27px;
  position: relative;
  overflow: visible;
}
.wifi21 {
  flex-shrink: 0;
  width: 4.59px;
  height: 3.3px;
  position: relative;
  overflow: visible;
}
.battery21 {
  flex-shrink: 0;
  width: 7.32px;
  height: 3.48px;
  position: relative;
  overflow: visible;
}
.map8 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.35545015335083px;
  line-height: 5.36px;
  font-weight: 700;
  position: absolute;
  left: 37.22px;
  top: 17.94px;
  width: 33.74px;
  height: 5.36px;
}
.keyboard-arrow-left18 {
  width: 8.57px;
  height: 8.57px;
  position: absolute;
  left: 1.61px;
  top: 16.33px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.rectangle-126 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 5.36px;
  width: 38.83px;
  height: 25.97px;
  position: absolute;
  left: 41.5px;
  top: 51.14px;
  backdrop-filter: blur(1.11px);
}
.rectangle-127 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 5.36px;
  border-style: solid;
  border-color: transparent;
  border-width: 0.27px;
  width: 38.83px;
  height: 25.71px;
  position: absolute;
  left: 28.92px;
  top: 172.45px;
  backdrop-filter: blur(1.11px);
}
.pointers-20239 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 400;
  position: absolute;
  left: 32.67px;
  top: 182.09px;
  width: 29.45px;
  height: 5.62px;
}
.mary-smith10 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 700;
  position: absolute;
  left: 32.67px;
  top: 176.46px;
  width: 27.58px;
  height: 5.62px;
}
.rectangle-132 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 5.36px;
  width: 36.95px;
  height: 25.71px;
  position: absolute;
  left: 66.41px;
  top: 106.04px;
  backdrop-filter: blur(1.11px);
}
.rectangle-2465 {
  background: #ffffff;
  border-radius: 2.68px;
  width: 31.06px;
  height: 6.69px;
  position: absolute;
  left: 69.35px;
  top: 122.91px;
}
.details6 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 400;
  position: absolute;
  left: 70.16px;
  top: 123.44px;
  width: 29.45px;
  height: 5.62px;
}
.rectangle-2466 {
  background: #ffffff;
  border-radius: 2.68px;
  width: 31.06px;
  height: 6.69px;
  position: absolute;
  left: 32.67px;
  top: 189.05px;
}
.details7 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 400;
  position: absolute;
  left: 33.47px;
  top: 189.58px;
  width: 29.45px;
  height: 5.62px;
}
.ellipse-594 {
  background: #ff7575;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  left: 18px;
  top: 196px;
  filter: blur(2.01px);
}
.ellipse-584 {
  background: #ff7575;
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(255, 124, 124, 0.88);
  border-width: 0.27px;
  width: 6.07px;
  height: 6.07px;
  position: absolute;
  left: 20.28px;
  top: 198.66px;
  backdrop-filter: blur(1.34px);
}
.ellipse-595 {
  background: #ff7575;
  border-radius: 50%;
  width: 7.77px;
  height: 7.77px;
  position: absolute;
  left: 25.17px;
  top: 77.12px;
  filter: blur(2.01px);
}
.ellipse-585 {
  background: #ff7575;
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(255, 124, 124, 0.88);
  border-width: 0.27px;
  width: 4.28px;
  height: 4.28px;
  position: absolute;
  left: 26.78px;
  top: 78.99px;
  backdrop-filter: blur(1.34px);
}
.ellipse-596 {
  background: #ff7575;
  border-radius: 50%;
  width: 7.77px;
  height: 7.77px;
  position: absolute;
  left: 55.96px;
  top: 117.02px;
  filter: blur(2.01px);
}
.ellipse-586 {
  background: #ff7575;
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(255, 124, 124, 0.88);
  border-width: 0.27px;
  width: 4.28px;
  height: 4.28px;
  position: absolute;
  left: 57.57px;
  top: 118.89px;
  backdrop-filter: blur(1.34px);
}
.love-19952 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 400;
  position: absolute;
  left: 45.52px;
  top: 60.78px;
  width: 29.45px;
  height: 5.62px;
}
.new-chair-20112 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 400;
  position: absolute;
  left: 70.16px;
  top: 115.68px;
  width: 29.45px;
  height: 5.62px;
}
.donald-black3 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 700;
  position: absolute;
  left: 45.52px;
  top: 55.16px;
  width: 27.58px;
  height: 5.62px;
}
.joseph-won2 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 700;
  position: absolute;
  left: 70.16px;
  top: 110.05px;
  width: 27.58px;
  height: 5.62px;
}
.rectangle-2467 {
  background: #ffffff;
  border-radius: 2.68px;
  width: 31.06px;
  height: 6.69px;
  position: absolute;
  left: 45.52px;
  top: 68.01px;
}
.details8 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 400;
  position: absolute;
  left: 46.32px;
  top: 68.55px;
  width: 29.45px;
  height: 5.62px;
}
.rectangle-2522 {
  background: #000000;
  border-radius: 8px;
  width: 99.34px;
  height: 13.66px;
  position: absolute;
  left: 4px;
  top: 214px;
  backdrop-filter: blur(1.11px);
}
.continue {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 10px;
  top: 218px;
  width: 86px;
  height: 5px;
}
.navigation-1 {
  background: #ffffff;
  width: 107.64px;
  height: 234.03px;
  position: absolute;
  left: 307px;
  top: 4669px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.cellular-connection22 {
  flex-shrink: 0;
  width: 5.14px;
  height: 3.27px;
  position: relative;
  overflow: visible;
}
.wifi22 {
  flex-shrink: 0;
  width: 4.59px;
  height: 3.3px;
  position: relative;
  overflow: visible;
}
.battery22 {
  flex-shrink: 0;
  width: 7.32px;
  height: 3.48px;
  position: relative;
  overflow: visible;
}
.map9 {
  color: #000000;
  text-align: center;
  font-family: "Helvetica-Bold", sans-serif;
  font-size: 5.35545015335083px;
  line-height: 5.36px;
  font-weight: 700;
  position: absolute;
  left: 37.22px;
  top: 17.94px;
  width: 33.74px;
  height: 5.36px;
}
.keyboard-arrow-left19 {
  width: 8.57px;
  height: 8.57px;
  position: absolute;
  left: 1.61px;
  top: 16.33px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.rectangle-128 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 5.36px;
  width: 99.34px;
  height: 40.17px;
  position: absolute;
  left: 3.48px;
  top: 37.22px;
  backdrop-filter: blur(1.11px);
}
.polygon-84 {
  border-radius: 0px;
  width: 13.9px;
  height: 5.05px;
  position: absolute;
  left: 70.42px;
  top: 224.26px;
  transform: translate(3.39px, -5.38px);
  overflow: visible;
}
.polygon-94 {
  border-radius: 0px;
  width: 12.23px;
  height: 5.64px;
  position: absolute;
  left: 45.79px;
  top: 214.92px;
  transform: translate(2.81px, -3.85px);
  overflow: visible;
}
.polygon-104 {
  border-radius: 0px;
  width: 11.62px;
  height: 5.91px;
  position: absolute;
  left: 21.15px;
  top: 205.84px;
  transform: translate(2.29px, -3.24px);
  overflow: visible;
}
.polygon-114 {
  border-radius: 0px;
  width: 8.47px;
  height: 5.41px;
  position: absolute;
  left: 1.07px;
  top: 198.34px;
  transform: translate(1.84px, -1.66px);
  overflow: visible;
}
.rectangle-2503 {
  border-radius: 2.68px;
  width: 32.4px;
  height: 32.4px;
  position: absolute;
  left: 7.23px;
  top: 41.24px;
  object-fit: cover;
}
.mary-smith11 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 4.819904804229736px;
  line-height: 5.36px;
  font-weight: 700;
  position: absolute;
  left: 44.99px;
  top: 40.97px;
  width: 40.7px;
  height: 5.62px;
}
.pointers-202310 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 400;
  position: absolute;
  left: 44.99px;
  top: 48.73px;
  width: 29.45px;
  height: 5.62px;
}
.x4 {
  width: 5.89px;
  height: 5.89px;
  position: absolute;
  left: 92.65px;
  top: 39.9px;
  overflow: visible;
}
.home-indicator16 {
  background: #ffffff;
  border-radius: 26.78px;
  width: 35.88px;
  height: 1.07px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 2.95px;
}
._10-steps2 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 400;
  position: absolute;
  left: 45px;
  top: 56px;
  width: 17.41px;
  height: 5.62px;
}
.rectangle-2523 {
  background: #000000;
  border-radius: 8px;
  width: 45px;
  height: 14px;
  position: absolute;
  left: 4px;
  top: 214px;
  backdrop-filter: blur(1.11px);
}
.rectangle-2533 {
  background: #ffffff;
  border-radius: 8px;
  width: 44px;
  height: 14px;
  position: absolute;
  left: 59px;
  top: 214px;
  backdrop-filter: blur(1.11px);
}
.navigate2 {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 6px;
  top: 218px;
  width: 42px;
  height: 5px;
}
.next-work {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 60px;
  top: 218px;
  width: 42px;
  height: 5px;
}
.navigation-12 {
  background: #ffffff;
  width: 107.64px;
  height: 234.03px;
  position: absolute;
  left: 427px;
  top: 4669px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.cellular-connection23 {
  flex-shrink: 0;
  width: 5.14px;
  height: 3.27px;
  position: relative;
  overflow: visible;
}
.wifi23 {
  flex-shrink: 0;
  width: 4.59px;
  height: 3.3px;
  position: relative;
  overflow: visible;
}
.battery23 {
  flex-shrink: 0;
  width: 7.32px;
  height: 3.48px;
  position: relative;
  overflow: visible;
}
.keyboard-arrow-left20 {
  width: 8.57px;
  height: 8.57px;
  position: absolute;
  left: 1.61px;
  top: 16.33px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.rectangle-2494 {
  width: 119.58px;
  height: 21.72px;
  position: absolute;
  left: 0.59px;
  top: 189.29px;
  transform: translate(-0.59px, 2.16px);
  overflow: visible;
}
.rectangle-2468 {
  background: #ffffff;
  border-radius: 5.36px;
  width: 24.64px;
  height: 7.77px;
  position: absolute;
  left: 44.18px;
  top: 65.87px;
}
.rectangle-2513 {
  background: #ffffff;
  border-radius: 5.36px;
  width: 24.64px;
  height: 7.77px;
  position: absolute;
  left: 73.37px;
  top: 65.87px;
}
._10-steps3 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 400;
  position: absolute;
  left: 49px;
  top: 66.94px;
  width: 17.41px;
  height: 5.62px;
}
._5-meters2 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 400;
  position: absolute;
  left: 77.65px;
  top: 66.94px;
  width: 15.8px;
  height: 5.62px;
}
.polygon-85 {
  border-radius: 0px;
  width: 13.9px;
  height: 5.05px;
  position: absolute;
  left: 70.42px;
  top: 224.26px;
  transform: translate(3.39px, -5.38px);
  overflow: visible;
}
.polygon-95 {
  border-radius: 0px;
  width: 12.23px;
  height: 5.64px;
  position: absolute;
  left: 45.79px;
  top: 214.92px;
  transform: translate(2.81px, -3.85px);
  overflow: visible;
}
.polygon-105 {
  border-radius: 0px;
  width: 11.62px;
  height: 5.91px;
  position: absolute;
  left: 21.15px;
  top: 205.84px;
  transform: translate(2.29px, -3.24px);
  overflow: visible;
}
.polygon-115 {
  border-radius: 0px;
  width: 8.47px;
  height: 5.41px;
  position: absolute;
  left: 1.07px;
  top: 198.34px;
  transform: translate(1.84px, -1.66px);
  overflow: visible;
}
.x5 {
  width: 5.89px;
  height: 5.89px;
  position: absolute;
  left: 92.65px;
  top: 39.9px;
  overflow: visible;
}
.rectangle-2524 {
  background: rgba(217, 217, 217, 0.66);
  border-radius: 5.36px;
  width: 99.34px;
  height: 13.66px;
  position: absolute;
  left: 3.48px;
  top: 212.88px;
  backdrop-filter: blur(1.11px);
}
.follow-the-line-for-5-meters2 {
  color: #ffffff;
  text-align: left;
  font-family: "HelveticaNeue-Medium", sans-serif;
  font-size: 3.7488150596618652px;
  line-height: 5.36px;
  font-weight: 500;
  position: absolute;
  left: 32.94px;
  top: 216.9px;
  width: 62.39px;
  height: 5.62px;
}
.ellipse-632 {
  background: #ffffff;
  border-radius: 50%;
  width: 9.91px;
  height: 9.91px;
  position: absolute;
  left: 6.96px;
  top: 214.75px;
}
.arrow-13 {
  width: 4.82px;
  height: 0px;
  position: absolute;
  left: 12.05px;
  top: 221.98px;
  overflow: visible;
}
.navigate-in-a-spacious-environment-with-intuitive-and-efficient-guidance-follow-the-curator-s-route-for-an-immersive-guided-experience-using-ar-technology-easily-identify-the-location-of-confusing-artworks-through-smart-positioning {
  text-align: left;
  position: absolute;
  left: 35px;
  top: 4568px;
  width: 545px;
  height: 146px;
}
.navigate-in-a-spacious-environment-with-intuitive-and-efficient-guidance-follow-the-curator-s-route-for-an-immersive-guided-experience-using-ar-technology-easily-identify-the-location-of-confusing-artworks-through-smart-positioning-span {
  color: #2600ff;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.49px;
  font-weight: 600;
}
.navigate-in-a-spacious-environment-with-intuitive-and-efficient-guidance-follow-the-curator-s-route-for-an-immersive-guided-experience-using-ar-technology-easily-identify-the-location-of-confusing-artworks-through-smart-positioning-span2 {
  color: #000000;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.49px;
  font-weight: 600;
}
.navigate-in-a-spacious-environment-with-intuitive-and-efficient-guidance-follow-the-curator-s-route-for-an-immersive-guided-experience-using-ar-technology-easily-identify-the-location-of-confusing-artworks-through-smart-positioning-span3 {
  color: #000000;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16.49px;
  font-weight: 600;
}
.navigate-in-a-spacious-environment-with-intuitive-and-efficient-guidance-follow-the-curator-s-route-for-an-immersive-guided-experience-using-ar-technology-easily-identify-the-location-of-confusing-artworks-through-smart-positioning-span4 {
  color: #000000;
  list-style-type: disc;
  padding-left: 1em;
  font-family: "Inter-Regular", sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
}
.map-guide2 {
  background: #ffffff;
  width: 107.25px;
  height: 233.17px;
  position: absolute;
  left: 66px;
  top: 4669px;
  box-shadow: 0px 4.04px 6.56px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.status-bar-i-phone11 {
  padding: 5.6px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 107.25px;
  height: 14.41px;
  position: absolute;
  left: 0px;
  top: 0.27px;
}
.map10 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Bold", sans-serif;
  font-size: 5.3357930183410645px;
  line-height: 5.34px;
  font-weight: 700;
  position: absolute;
  left: 37.08px;
  top: 17.88px;
  width: 33.62px;
  height: 5.34px;
}
.home-indicator17 {
  background: var(--labels-primary, #000000);
  border-radius: 26.68px;
  width: 35.75px;
  height: 1.07px;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 3.2px;
}
.keyboard-arrow-left21 {
  width: 8.54px;
  height: 8.54px;
  position: absolute;
  left: 1.6px;
  top: 16.27px;
  transform: translate(0px, 0px);
  overflow: visible;
}
._1-f-weight-of-the-air2 {
  color: #000000;
  text-align: left;
  font-family: "HelveticaNeue-Medium", sans-serif;
  font-size: 5.3357930183410645px;
  line-height: 5.34px;
  font-weight: 500;
  position: absolute;
  left: 3.74px;
  top: 32.82px;
  width: 59.76px;
  height: 5.34px;
}
._2-f-sound-level-42 {
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.3357930183410645px;
  line-height: 5.34px;
  font-weight: 400;
  position: absolute;
  left: 3.74px;
  top: 41.35px;
  width: 59.76px;
  height: 5.34px;
}
._3-f-resonance2 {
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.3357930183410645px;
  line-height: 5.34px;
  font-weight: 400;
  position: absolute;
  left: 3.74px;
  top: 49.89px;
  width: 59.76px;
  height: 5.34px;
}
.rectangle-2374 {
  background: #ffffff;
  width: 107.25px;
  height: 20.28px;
  position: absolute;
  left: 0px;
  top: 212.9px;
  box-shadow: 0px 2.93px 11.74px 4.27px rgba(151, 151, 151, 0.25);
}
.vector-800 {
  width: 87.91px;
  height: 58.56px;
  position: absolute;
  left: 10.67px;
  top: 119.39px;
  overflow: visible;
}
.polygon-7 {
  border-radius: 0px;
  width: 6.4px;
  height: 6.4px;
  position: absolute;
  left: 8.8px;
  top: 117.12px;
  overflow: visible;
}
.rectangle-129 {
  background: #000000;
  border-radius: 5.34px;
  width: 84.84px;
  height: 11.74px;
  position: absolute;
  left: 12.01px;
  top: 192.36px;
  backdrop-filter: blur(1.11px);
}
.group-2662 {
  width: 94.98px;
  height: 6.14px;
  position: static;
}
.navigate3 {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 5.3357930183410645px;
  line-height: 5.34px;
  font-weight: 400;
  position: absolute;
  left: 7.2px;
  top: 195.29px;
  width: 94.98px;
  height: 6.14px;
}
.vector {
  border-radius: 0px;
  width: 109.29%;
  height: 40.43%;
  position: absolute;
  right: -16.34%;
  left: 7.04%;
  bottom: -18.54%;
  top: 78.11%;
  transform: translate(-0.4px, -117.62px);
  overflow: visible;
}
.vector2 {
  width: 6.43%;
  height: 10.99%;
  position: absolute;
  right: 86.53%;
  left: 7.04%;
  bottom: 23.25%;
  top: 65.76%;
  transform: translate(0px, -7.03px);
  overflow: visible;
}
.vector3 {
  width: 6.43%;
  height: 11.09%;
  position: absolute;
  right: 58.84%;
  left: 34.73%;
  bottom: 23.15%;
  top: 65.76%;
  transform: translate(-0.13px, -7.03px);
  overflow: visible;
}
.vector4 {
  width: 26.85%;
  height: 0%;
  position: absolute;
  right: 33.24%;
  left: 39.91%;
  bottom: 21.89%;
  top: 78.11%;
  transform: translate(-0.13px, -28.8px);
  overflow: visible;
}
.vector5 {
  width: 19.04%;
  height: 4.3%;
  position: absolute;
  right: 13.27%;
  left: 67.69%;
  bottom: 21.19%;
  top: 74.52%;
  transform: translate(0px, -20.55px);
  overflow: visible;
}
.vector6 {
  width: 0%;
  height: 4.26%;
  position: absolute;
  right: 92.96%;
  left: 7.04%;
  bottom: 39.44%;
  top: 56.31%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector7 {
  width: 35.06%;
  height: 1.6%;
  position: absolute;
  right: 37.47%;
  left: 27.47%;
  bottom: 52.46%;
  top: 45.94%;
  transform: translate(0px, -37.73px);
  overflow: visible;
}
.vector8 {
  width: 0%;
  height: 3.99%;
  position: absolute;
  right: 92.96%;
  left: 7.04%;
  bottom: 62.7%;
  top: 33.31%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector9 {
  width: 11.48%;
  height: 1.36%;
  position: absolute;
  right: 72.79%;
  left: 15.73%;
  bottom: 60.44%;
  top: 38.19%;
  transform: translate(-0.13px, -12.31px);
  overflow: visible;
}
.vector10 {
  width: 3.33%;
  height: 2.25%;
  position: absolute;
  right: 85.82%;
  left: 10.84%;
  bottom: 66.4%;
  top: 31.35%;
  transform: translate(0px, -3.71px);
  overflow: visible;
}
.vector11 {
  width: 4.3%;
  height: 2.02%;
  position: absolute;
  right: 79.97%;
  left: 15.73%;
  bottom: 68.16%;
  top: 29.82%;
  transform: translate(-0.09px, -4.71px);
  overflow: visible;
}
.vector12 {
  width: 0%;
  height: 1.6%;
  position: absolute;
  right: 72.53%;
  left: 27.47%;
  bottom: 60.21%;
  top: 38.19%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector13 {
  width: 12.59%;
  height: 1.28%;
  position: absolute;
  right: 65.72%;
  left: 21.69%;
  bottom: 61.83%;
  top: 36.89%;
  transform: translate(-0.13px, -13.64px);
  overflow: visible;
}
.vector14 {
  width: 0%;
  height: 9.78%;
  position: absolute;
  right: 63.94%;
  left: 36.06%;
  bottom: 48.85%;
  top: 41.37%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector15 {
  width: 4.51%;
  height: 0%;
  position: absolute;
  right: 48.8%;
  left: 46.69%;
  bottom: 58.63%;
  top: 41.37%;
  transform: translate(-0.13px, -4.83px);
  overflow: visible;
}
.vector16 {
  width: 17.16%;
  height: 0%;
  position: absolute;
  right: 36.15%;
  left: 46.69%;
  bottom: 62.29%;
  top: 37.71%;
  transform: translate(-0.13px, -18.4px);
  overflow: visible;
}
.vector17 {
  width: 0%;
  height: 3.01%;
  position: absolute;
  right: 38.97%;
  left: 61.03%;
  bottom: 57.86%;
  top: 39.13%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector18 {
  width: 16.48%;
  height: 0%;
  position: absolute;
  right: 20.69%;
  left: 62.83%;
  bottom: 60.87%;
  top: 39.13%;
  transform: translate(-0.13px, -17.67px);
  overflow: visible;
}
.vector19 {
  width: 5.31%;
  height: 2.02%;
  position: absolute;
  right: 21.98%;
  left: 72.72%;
  bottom: 58.85%;
  top: 39.13%;
  transform: translate(0px, -5.69px);
  overflow: visible;
}
.vector20 {
  width: 0%;
  height: 2.22%;
  position: absolute;
  right: 17.52%;
  left: 82.48%;
  bottom: 60.93%;
  top: 36.85%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector21 {
  width: 6%;
  height: 6.8%;
  position: absolute;
  right: 17.26%;
  left: 76.73%;
  bottom: 47.69%;
  top: 45.52%;
  transform: translate(-0.13px, -6.57px);
  overflow: visible;
}
.vector22 {
  width: 5.8%;
  height: 8.36%;
  position: absolute;
  right: 17.47%;
  left: 76.73%;
  bottom: 28.72%;
  top: 62.92%;
  transform: translate(-0.13px, -6.22px);
  overflow: visible;
}
.vector23 {
  width: 23.25%;
  height: 7.29%;
  position: absolute;
  right: 45.8%;
  left: 30.95%;
  bottom: 33.37%;
  top: 59.34%;
  transform: translate(-0.13px, -25.07px);
  overflow: visible;
}
.vector24 {
  width: 0%;
  height: 0.32%;
  position: absolute;
  right: 68.88%;
  left: 31.12%;
  bottom: 49.54%;
  top: 50.14%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector25 {
  width: 0%;
  height: 3.13%;
  position: absolute;
  right: 68.88%;
  left: 31.12%;
  bottom: 43.06%;
  top: 53.81%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector26 {
  width: 14.2%;
  height: 0%;
  position: absolute;
  right: 47.89%;
  left: 37.92%;
  bottom: 43.33%;
  top: 56.67%;
  transform: translate(-0.13px, -15.22px);
  overflow: visible;
}
.vector27 {
  width: 7.28%;
  height: 4.17%;
  position: absolute;
  right: 54.8%;
  left: 37.92%;
  bottom: 39.16%;
  top: 56.67%;
  transform: translate(0px, -7.94px);
  overflow: visible;
}
.vector28 {
  width: 4.92%;
  height: 1.44%;
  position: absolute;
  right: 51.23%;
  left: 43.85%;
  bottom: 42.89%;
  top: 55.67%;
  transform: translate(-0.13px, -5.41px);
  overflow: visible;
}
.vector29 {
  width: 2.43%;
  height: 0%;
  position: absolute;
  right: 50.59%;
  left: 46.98%;
  bottom: 46.19%;
  top: 53.81%;
  transform: translate(-0.13px, -2.6px);
  overflow: visible;
}
.vector30 {
  width: 1.85%;
  height: 5.95%;
  position: absolute;
  right: 64.1%;
  left: 34.04%;
  bottom: 43.05%;
  top: 50.99%;
  transform: translate(0px, -2.12px);
  overflow: visible;
}
.vector31 {
  width: 4.92%;
  height: 1.44%;
  position: absolute;
  right: 51.23%;
  left: 43.85%;
  bottom: 45.58%;
  top: 52.97%;
  transform: translate(-0.13px, -5.41px);
  overflow: visible;
}
.vector32 {
  width: 5.06%;
  height: 0%;
  position: absolute;
  right: 55.21%;
  left: 39.73%;
  bottom: 43.86%;
  top: 56.14%;
  transform: translate(-0.13px, -5.43px);
  overflow: visible;
}
.vector33 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 62.08%;
  left: 37.92%;
  bottom: 43.37%;
  top: 55.79%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector34 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 62.08%;
  left: 37.92%;
  bottom: 43.64%;
  top: 55.53%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector35 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 60.23%;
  left: 39.77%;
  bottom: 43.64%;
  top: 55.53%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector36 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 60.23%;
  left: 39.77%;
  bottom: 43.9%;
  top: 55.26%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector37 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 60.23%;
  left: 39.77%;
  bottom: 44.17%;
  top: 55%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector38 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 60.23%;
  left: 39.77%;
  bottom: 44.43%;
  top: 54.73%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector39 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 60.23%;
  left: 39.77%;
  bottom: 44.7%;
  top: 54.47%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector40 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 60.23%;
  left: 39.77%;
  bottom: 44.96%;
  top: 54.2%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector41 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 60.23%;
  left: 39.77%;
  bottom: 45.23%;
  top: 53.94%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector42 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 62.08%;
  left: 37.92%;
  bottom: 43.9%;
  top: 55.26%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector43 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 62.08%;
  left: 37.92%;
  bottom: 44.17%;
  top: 55%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector44 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 62.08%;
  left: 37.92%;
  bottom: 44.43%;
  top: 54.73%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector45 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 62.08%;
  left: 37.92%;
  bottom: 44.7%;
  top: 54.47%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector46 {
  width: 0%;
  height: 0.83%;
  position: absolute;
  right: 62.08%;
  left: 37.92%;
  bottom: 44.96%;
  top: 54.2%;
  transform: translate(0px, -0.13px);
  overflow: visible;
}
.vector47 {
  width: 17.39%;
  height: 4.06%;
  position: absolute;
  right: 16.98%;
  left: 65.63%;
  bottom: 38.89%;
  top: 57.05%;
  transform: translate(-0.13px, -18.84px);
  overflow: visible;
}
.vector48 {
  width: 6.93%;
  height: 3.05%;
  position: absolute;
  right: 20.35%;
  left: 72.72%;
  bottom: 38.46%;
  top: 58.5%;
  transform: translate(-0.1px, -7.53px);
  overflow: visible;
}
.vector49 {
  width: 6.7%;
  height: 3.21%;
  position: absolute;
  right: 20.93%;
  left: 72.36%;
  bottom: 46.18%;
  top: 50.61%;
  transform: translate(-0.09px, -7.29px);
  overflow: visible;
}
.vector50 {
  width: 13.94%;
  height: 0.84%;
  position: absolute;
  right: 8.54%;
  left: 77.52%;
  bottom: 42.98%;
  top: 56.19%;
  transform: translate(0px, -15.09px);
  overflow: visible;
}
.vector51 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 22.81%;
  left: 73.9%;
  bottom: 42.14%;
  top: 56.35%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector52 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 23.19%;
  left: 73.53%;
  bottom: 41.97%;
  top: 56.53%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector53 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 23.57%;
  left: 73.14%;
  bottom: 41.8%;
  top: 56.7%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector54 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 23.94%;
  left: 72.77%;
  bottom: 41.62%;
  top: 56.88%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector55 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 24.33%;
  left: 72.39%;
  bottom: 41.45%;
  top: 57.05%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector56 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 24.7%;
  left: 72.01%;
  bottom: 41.27%;
  top: 57.22%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector57 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 25.08%;
  left: 71.63%;
  bottom: 41.1%;
  top: 57.4%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector58 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 25.47%;
  left: 71.24%;
  bottom: 40.92%;
  top: 57.57%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector59 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 25.85%;
  left: 70.87%;
  bottom: 40.75%;
  top: 57.75%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector60 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 26.23%;
  left: 70.48%;
  bottom: 40.58%;
  top: 57.92%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector61 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 26.6%;
  left: 70.11%;
  bottom: 40.4%;
  top: 58.1%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector62 {
  width: 3.29%;
  height: 1.5%;
  position: absolute;
  right: 26.98%;
  left: 69.73%;
  bottom: 40.23%;
  top: 58.27%;
  transform: translate(-0.09px, -3.62px);
  overflow: visible;
}
.vector63 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 22.92%;
  left: 73.75%;
  bottom: 47.24%;
  top: 51.18%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector64 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 23.31%;
  left: 73.37%;
  bottom: 47.42%;
  top: 51.01%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector65 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 23.68%;
  left: 72.99%;
  bottom: 47.59%;
  top: 50.84%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector66 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 24.06%;
  left: 72.61%;
  bottom: 47.77%;
  top: 50.66%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector67 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 24.44%;
  left: 72.23%;
  bottom: 47.94%;
  top: 50.49%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector68 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 24.82%;
  left: 71.85%;
  bottom: 48.11%;
  top: 50.31%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector69 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 25.2%;
  left: 71.47%;
  bottom: 48.29%;
  top: 50.14%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector70 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 25.58%;
  left: 71.09%;
  bottom: 48.46%;
  top: 49.96%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector71 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 25.96%;
  left: 70.72%;
  bottom: 48.64%;
  top: 49.79%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector72 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 26.34%;
  left: 70.33%;
  bottom: 48.81%;
  top: 49.61%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector73 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 26.72%;
  left: 69.96%;
  bottom: 48.99%;
  top: 49.44%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.vector74 {
  width: 3.32%;
  height: 1.57%;
  position: absolute;
  right: 27.1%;
  left: 69.58%;
  bottom: 49.16%;
  top: 49.27%;
  transform: translate(-0.09px, -3.66px);
  overflow: visible;
}
.group-2702 {
  height: auto;
  position: absolute;
  left: 9.87px;
  top: 218.77px;
  overflow: visible;
}
.home-indicator18 {
  background: var(--labels-primary, #000000);
  border-radius: 26.68px;
  width: 35.75px;
  height: 1.07px;
  position: absolute;
  left: calc(50% - 15.21px);
  bottom: 2.94px;
}
.ellipse-65 {
  background: #ffffff;
  border-radius: 50%;
  width: 2.13px;
  height: 2.13px;
  position: absolute;
  left: 41.09px;
  top: 220.63px;
}
.frame2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 108.66px;
  position: absolute;
  left: 0px;
  top: 5.95px;
}
.time17 {
  color: var(--labels-primary, #000000);
  text-align: center;
  font-family: "SfPro-Semibold", sans-serif;
  font-size: 4.594976425170898px;
  line-height: 5.95px;
  font-weight: 600;
  position: relative;
}
.dynamic-island-spacer9 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 33.52px;
  height: 2.7px;
  position: relative;
}
.cellular-connection24 {
  flex-shrink: 0;
  width: 5.19px;
  height: 3.3px;
  position: relative;
  overflow: visible;
}
.wifi24 {
  flex-shrink: 0;
  width: 4.63px;
  height: 3.33px;
  position: relative;
  overflow: visible;
}
.battery24 {
  flex-shrink: 0;
  width: 7.39px;
  height: 3.51px;
  position: relative;
  overflow: visible;
}
.solution {
  color: #2600ff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 36px;
  top: 3959px;
}
.icon8 {
  width: 1.15%;
  height: 0.12%;
  position: absolute;
  right: 75.62%;
  left: 23.23%;
  bottom: 25.11%;
  top: 74.76%;
  overflow: visible;
}
.frame-23045 {
  padding: 2.72px;
  display: flex;
  flex-direction: column;
  gap: 2.72px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 47.38px;
  position: absolute;
  left: 350px;
  top: 6070px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.play-guide5 {
  color: #ffffff;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 350.82px;
  top: 6076.81px;
  width: 46.02px;
  height: 5.45px;
}
.frame-23052 {
  padding: 2.72px;
  display: flex;
  flex-direction: column;
  gap: 2.72px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 47.38px;
  position: absolute;
  left: 398px;
  top: 6070px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.navigation5 {
  color: #000000;
  text-align: center;
  font-family: "HelveticaNeue-Regular", sans-serif;
  font-size: 4.356979846954346px;
  line-height: 5.45px;
  font-weight: 400;
  position: absolute;
  left: 399px;
  top: 6077.05px;
  width: 46.02px;
  height: 5.45px;
}