/*-----------------------------------------------------------------------------------
	Blocs Brics Playground
	About: Blocs Brics CMS Playground
	Author: Blocs Brics Design
	Version: 2.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
    background:#D1D3E9;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}
.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: 0;right: 0;z-index:99999;} /* ScrollFX Lock */
.blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} /* CSS Grid */

/* = Web Fonts
-------------------------------------------------------------- */

@font-face {
	font-family:'MyriadPro-Regular';
	src: url('./fonts/MyriadPro-Regular/MyriadPro-Regular.woff2');
	src: url('./fonts/MyriadPro-Regular/MyriadPro-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'MyriadPro-BoldSemiExt';
	src: url('./fonts/MyriadPro-BoldSemiExt/MyriadPro-BoldSemiExt.woff2');
	src: url('./fonts/MyriadPro-BoldSemiExt/MyriadPro-BoldSemiExt.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'MyriadPro-LightSemiExt';
	src: url('./fonts/MyriadPro-LightSemiExt/MyriadPro-LightSemiExt.woff2');
	src: url('./fonts/MyriadPro-LightSemiExt/MyriadPro-LightSemiExt.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'MyriadPro-Light';
	src: url('./fonts/MyriadPro-Light/MyriadPro-Light.woff2');
	src: url('./fonts/MyriadPro-Light/MyriadPro-Light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'MyriadPro-SemiboldCond';
	src: url('./fonts/MyriadPro-SemiboldCond/MyriadPro-SemiboldCond.woff2');
	src: url('./fonts/MyriadPro-SemiboldCond/MyriadPro-SemiboldCond.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'MyriadPro-Semibold';
	src: url('./fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff2');
	src: url('./fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
	position:relative;
}


/* Sizes */

.bloc-lg{
	padding:100px 20px;
}
.bloc-md{
	padding:50px 20px;
}
.bloc-sm{
	padding:20px;
}

/* = Full Width Blocs 
-------------------------------------------------------------- */

.full-width-bloc{
	padding-left:0;
	padding-right:0;
}
.full-width-bloc .row{
	margin-left:0;
	margin-right:0;
}
.full-width-bloc .container{
	width:100%;
	max-width:100%!important;
}
.full-width-bloc .carousel img{
	width:100%;
	height:auto;
}


/* Dark theme */

.d-bloc{
	color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
	color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
	border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
	border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
	color:rgba(255,255,255,.6);
}
:where(.d-bloc) .bloc-link{
	fill:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
	color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
	background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.d-bloc .card{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
	color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
	color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Light theme */

.d-bloc .card,.l-bloc{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
	color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	color:rgba(0,0,0,.6);
}
:where(.l-bloc) .bloc-link{
	fill:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Correct Dropdown Links */

.d-bloc .dropdown-menu a, .l-bloc .dropdown-menu a,.d-bloc .dropdown-menu a:hover, .l-bloc .dropdown-menu a:hover{
	color:var(--bs-nav-link-hover-color);
}


/* = NavBar
-------------------------------------------------------------- */

/* Navbar Icon */
.svg-menu-icon{
	fill: none;
	stroke: rgba(0,0,0,0.5);
	stroke-width: 2px;
	fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon{
	stroke: rgba(255,255,255,0.5);
}
.menu-icon-thin-bars{
	stroke-width: 1px;
}
.menu-icon-thick-bars{
	stroke-width: 5px;
}
.menu-icon-rounded-bars{
	stroke-width: 3px;
	stroke-linecap: round;
}
.menu-icon-filled{
	fill: rgba(0,0,0,0.5);
	stroke-width: 0px;
}
.navbar-dark .menu-icon-filled{
	fill: rgba(255,255,255,0.5);
}
.navbar-toggler-icon{
	background: none!important;
	pointer-events: none;
	width: 33px;
	height: 33px;
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}
/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-md{
	margin-top:10px;
	margin-bottom:20px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	fill:#FFF;
	background:rgba(0,0,0,.3);
}

.a-block{
	width:100%;
	text-align:left;
	display: inline-block;
}
.text-center .a-block{
	text-align:center;
}
.icon-spacer{
	margin-right:5px;
}

/* = Icons
-------------------------------------------------------------- */
.icon-md{
	font-size:30px!important;
}




/*
    Lists
*/

.list-horizontal-layout{
	padding-left:0px;
}

.list-horizontal-layout li{
	display:inline-block;
	margin:0 .5rem;
}

.list-is-0:not(.list-horizontal-layout):not(.navbar-nav) li{
	margin-bottom:0px!important;
}

.list-is-1:not(.list-horizontal-layout):not(.navbar-nav) li{
	margin-bottom:.25rem!important;
}

.list-is-2:not(.list-horizontal-layout):not(.navbar-nav) li{
	margin-bottom:.5rem!important;
}

.list-is-3:not(.list-horizontal-layout):not(.navbar-nav) li{
	margin-bottom:1rem!important;
}

.list-is-4:not(.list-horizontal-layout):not(.navbar-nav) li{
	margin-bottom:1.5rem!important;
}

.list-is-5:not(.list-horizontal-layout):not(.navbar-nav) li{
	margin-bottom:3rem!important;
}


/* --- Small (sm) --- */
@media (min-width: 576px) {
	
  .list-is-sm-0:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 0rem!important;
	 }
  .list-is-sm-1:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: .25rem!important;
	 }
  .list-is-sm-2:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: .5rem!important;
	 }
  .list-is-sm-3:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 1rem!important;
	 }
  .list-is-sm-4:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 1.5rem!important;
	 }
  .list-is-sm-5:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 3rem!important;
	 }
}

/* --- Medium (md) --- */
@media (min-width: 768px) {
	
  .list-is-md-0:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 0rem!important;
	 }
  .list-is-md-1:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: .25rem!important;
	 }
  .list-is-md-2:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: .5rem!important;
	 }
  .list-is-md-3:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 1rem!important;
	 }
  .list-is-md-4:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 1.5rem!important;
	 }
  .list-is-md-5:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 3rem!important;
	 }
}

/* --- Large (lg) --- */
@media (min-width: 992px) {
	
  .list-is-lg-0:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 0rem!important;
	 }
  .list-is-lg-1:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: .25rem!important;
	 }
  .list-is-lg-2:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: .5rem!important;
	 }
  .list-is-lg-3:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 1rem!important;
	 }
  .list-is-lg-4:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 1.5rem!important;
	 }
  .list-is-lg-5:not(.list-horizontal-layout):not(.navbar-nav) li {
	 margin-bottom: 3rem!important;
	 }
}

/* --- Clear Botton Margin on Last List Item --- */
[class*="list-is-"]:not(.list-horizontal-layout):not(.navbar-nav) li:last-child {
	margin-bottom: 0 !important;
}



/* --- Small (sm) --- */
@media (min-width: 576px) {
	
  .list-horizontal-layout.list-is-sm-0 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-0 li {
	margin-left: 0rem !important;
	margin-right: 0rem !important;
}

  .list-horizontal-layout.list-is-sm-1 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-1 li {
	margin-left: .25rem !important;
	margin-right: .25rem !important;
}

  .list-horizontal-layout.list-is-sm-2 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-2 li {
	margin-left: .5rem !important;
	margin-right: .5rem !important;
}

  .list-horizontal-layout.list-is-sm-3 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-3 li {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

  .list-horizontal-layout.list-is-sm-4 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-4 li {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

  .list-horizontal-layout.list-is-sm-5 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-5 li {
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}

}

/* --- Medium (md) --- */
@media (min-width: 768px) {
	
  .list-horizontal-layout.list-is-md-0 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-0 li {
	margin-left: 0rem !important;
	margin-right: 0rem !important;
}

  .list-horizontal-layout.list-is-md-1 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-1 li {
	margin-left: .25rem !important;
	margin-right: .25rem !important;
}

  .list-horizontal-layout.list-is-md-2 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-2 li {
	margin-left: .5rem !important;
	margin-right: .5rem !important;
}

  .list-horizontal-layout.list-is-md-3 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-3 li {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

  .list-horizontal-layout.list-is-md-4 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-4 li {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

  .list-horizontal-layout.list-is-md-5 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-5 li {
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}

}

/* --- Large (lg) --- */
@media (min-width: 992px) {
	
  .list-horizontal-layout.list-is-lg-0 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-0 li {
	margin-left: 0rem !important;
	margin-right: 0rem !important;
}

  .list-horizontal-layout.list-is-lg-1 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-1 li {
	margin-left: .25rem !important;
	margin-right: .25rem !important;
}

  .list-horizontal-layout.list-is-lg-2 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-2 li {
	margin-left: .5rem !important;
	margin-right: .5rem !important;
}

  .list-horizontal-layout.list-is-lg-3 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-3 li {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

  .list-horizontal-layout.list-is-lg-4 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-4 li {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

  .list-horizontal-layout.list-is-lg-5 li,div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-5 li {
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}

}

.list-horizontal-layout.list-is-0 li,.navbar-nav.list-is-0 li{
	margin-left:0px;
	margin-right:0px;
}

.list-horizontal-layout.list-is-1 li,.navbar-nav.list-is-1 li{
	margin-left:.25rem;
	margin-right:.25rem;
}

.list-horizontal-layout.list-is-2 li,.navbar-nav.list-is-2 li{
	margin-left:.5rem;
	margin-right:.5rem;
}

.list-horizontal-layout.list-is-3 li,.navbar-nav.list-is-3 li{
	margin-left:1rem;
	margin-right:1rem;
}

.list-horizontal-layout.list-is-4 li,.navbar-nav.list-is-4 li{
	margin-left:1.5rem;
	margin-right:1.5rem;
}

.list-horizontal-layout.list-is-5 li,.navbar-nav.list-is-5 li{
	margin-left:3rem;
	margin-right:3rem;
}


/* --- Clear Left and Right Margin on First and Horizontal Last List Item --- */
.list-horizontal-layout[class*="list-is-"] li:first-child,div:not(.blocsapp-special-menu) .navbar-nav[class*="list-is-"] li:first-child {
	margin-left: 0!important;
}

.list-horizontal-layout[class*="list-is-"] li:last-child,div:not(.blocsapp-special-menu) .navbar-nav[class*="list-is-"] li:last-child {
	margin-right: 0!important;
}


/* --- Prevent Spacing on Collapsed Menu and Special Menu Items --- */
.navbar:not(.navbar-expand-sm):not(.navbar-expand-md):not(.navbar-expand-lg):not(.navbar-expand-xl):not(.navbar-expand-xxl) [class*="list-is-"] li, blocsnav [class*="list-is-"] li{
	margin-left: 0;
	margin-right: 0;
}


@media (max-width: 991.98px) {
	
  .navbar-expand-lg [class*="list-is-"] li {
	margin-left: 0!important;
	margin-right: 0!important;
}

}

@media (max-width: 767.98px) {
	
  .navbar-expand-md [class*="list-is-"] li {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

}

@media (max-width: 575.98px) {
	
  .navbar-expand-sm [class*="list-is-"] li {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

}
	
.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}
/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
	margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
	.card-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
}
.card-columns .card {
	display: inline-block;
	width: 100%;
}
.card-columns > * {
	-webkit-column-break-inside: avoid;
}
}


.carousel-nav-controls svg{
	transform:scale(0.8);
	transition:transform .30s ease,background .50s ease;
}
.carousel-nav-controls:hover svg{
	transform:scale(1.0);
}
.carousel-nav-controls:active svg{
	transform:scale(0.9);
}

.carousel-caption{
	left:6%;
	 right:6%;
}

.carousel-item:not(:has(> img, > picture, > a)) .carousel-caption {
	position: relative;
	transform: none;
	width: 80%;
	left:10%;
	right:10%;
	top:0;
	bottom:0;
	padding-top: 0;
	margin-bottom: 20px;
	z-index:0;
	color: #000000;
}

.carousel-nav-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 3px;
	fill-rule: evenodd;
	stroke-linecap:round;
}

.carousel-indicators li::marker{
	font-size:0;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	font-family:"MyriadPro-Regular";
	font-size:1rem;
	color:var(--swatch-var-881)!important;
}
.container{
	max-width:1200px;
}
.navbar-brand img{
	width:60px;
	height:60px;
}
.smartnav{
	background-color:var(--swatch-var-2778);
}
.nav-link{
	color:#FDFBDD!important;
}
.underline{
	background-color:transparent;
}
.nav-list{
	margin-left:20px;
}
.background-img-home{
	background-size:cover;
	width:auto;
	height:700px;
}
.bg-img-bloc{
	background-image:url("img/The-Yellow-Fish-03@1.jpg");
}
.h1-txt{
	font-family:"MyriadPro-BoldSemiExt";
	font-size:4rem;
	text-transform:uppercase;
}
.h2-txt-light{
	font-family:"MyriadPro-LightSemiExt";
	font-size:2rem;
	text-decoration:none;
}
.logo-fish-1{
	width:300px;
	height:auto;
	position:absolute;
	right:100px;
	top:150px;
}
.logo-fish-2{
	width:300px;
	height:auto;
	position:absolute;
	top:-75px;
	left:50px;
}
.logo-fish-3{
	width:150px;
	height:auto;
	position:absolute;
	right:500px;
	top:30px;
}
.logo-fish-4{
	height:auto;
	position:absolute;
	left:250px;
	width:200px;
	top:150px;
}
.copyright-text{
	font-size:1rem;
	color:#F1F0EF!important;
	text-align:right;
}
.social-flex{
	display:flex;
	justify-content:flex-start;
	flex-direction:row;
}
.social-layout{
	margin-top:25px;
}
.footer-banner{
	background-color:var(--swatch-var-1395);
	margin-left:5%;
	margin-right:5%;
	display:flex;
	flex-direction:row;
	padding-left:50px;
	justify-content:flex-start;
	height:100px;
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	border-width:0px 0px 0px 0px;
}
.h4-dark{
	font-family:"MyriadPro-Regular";
	font-size:2rem;
	color:var(--swatch-var-6380)!important;
	text-decoration:none;
	font-display:optional;
	height:32px;
	margin-top:auto;
	margin-bottom:0px;
}
.social-footer{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
}
.social-distance{
	padding-left:40px;
}
.legal{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	margin-left:5%;
	margin-right:5%;
	align-items:center;
	margin-top:30px;
}
.legal-img{
	width:auto;
	height:40px;
	margin-left:25px;
}
.h5-style{
	margin-bottom:0px;
	margin-left:25px;
	color:var(--swatch-var-881)!important;
	text-decoration:none;
}
.legal-fish{
	position:absolute;
	height:50px;
	left:2%;
	top:-4px;
}
.legal-fish-black{
	position:absolute;
	right:6%;
	height:80px;
	width:auto;
	top:95px;
}
.stretched-link{
	cursor:pointer;
}
.icon-scroll{
	color:#F1F0EF!important;
}
.icon-scroll:hover{
	color:#E1918B!important;
}
.scroll-arrow-align{
	margin-top:-200px;
}
.form-wrapper .input-field{
	height:45px;
	width:100%;
	font-family:"Helvetica";
	border-style:_popUpItemAction:;
	position:relative;
}
.form-wrapper .input-field label{
	position:absolute;
	top:50%;
	left:20px;
	color:#FFED00!important;
	font-family:"MyriadPro-Regular";
	font-size:1.3rem;
	cursor:pointer;
	background-color:transparent;
}
.flex-fill{
	float:none;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:auto;
}
.form-button{
	border-style:solid;
	font-family:"MyriadPro-Regular";
	font-size:1rem;
	width:50%;
	border-color:var(--swatch-var-881)!important;
	background-color:var(--swatch-var-2778);
	color:var(--swatch-var-881)!important;
	border-radius:5px 5px 5px 5px;
	border-width:1pt 1pt 1pt 1pt;
}
.form-button:hover{
	font-family:"MyriadPro-Regular";
	font-size:1rem;
	border-style:solid;
	border-color:var(--swatch-var-881)!important;
	color:var(--swatch-var-6208)!important;
	background-color:var(--swatch-var-881);
	border-radius:5px 5px 5px 5px;
	border-width:1px 1px 1px 1px;
}
.custom-control{
	font-family:"OpenSans-Light";
	box-shadow:0px 0px 0px #F1F0EF;
	font-size:1.2rem;
	color:#6A5E50!important;
}
.label-style{
	color:#F8E01E!important;
	font-family:"MyriadPro-Regular";
	font-size:1rem;
}
.form-control{
	background-color:#1F1C0C;
	border-style:solid;
	border-color:#F8E01E!important;
	color:var(--swatch-var-881)!important;
	font-family:"MyriadPro-Regular";
	font-size:1rem;
	border-radius:5px 5px 5px 5px;
	border-width:1px 1px 1px 1px;
}
.form-control:focus{
	background-color:#1F1C0C;
}
.bloc-fill{
	fill:rgba(0,0,0,0.20);
}
.counter-style{
	font-family:"MyriadPro-Regular";
	font-size:3rem;
	color:var(--swatch-var-881)!important;
	text-align:center;
	text-decoration:none;
	margin-bottom:0;
}
.counter-footer{
	font-family:"MyriadPro-LightSemiExt";
	font-size:2rem;
	text-align:center;
	color:var(--swatch-var-881)!important;
	text-transform:uppercase;
}
.counter-icon{
	font-size:4rem;
	color:var(--swatch-var-881)!important;
	position:relative;
	left:0;
	right:0;
	top:-50px;
	background-color:var(--swatch-var-6208);
	padding-left:10px;
	padding-right:10px;
}
.counter-card-style{
	border-style:solid;
	border-color:var(--swatch-var-881)!important;
	width:50%;
	margin:13px 13px 13px 13px;
	border-radius:10px 10px 10px 10px;
	border-width:1px 1px 1px 1px;
}
.card-body-style{
	border-radius:10px 10px 10px 10px;
}
.counter-flex-main{
	display:flex;
	flex-direction:row;
	justify-content:center;
	width:100%;
}
.counter-flex-sub{
	flex-direction:row;
	display:flex;
	width:50%;
	height:auto;
}
.span-style{
	text-decoration:none;
	font-family:"MyriadPro-Regular";
	color:var(--swatch-var-881)!important;
}
.span-style:hover{
	color:#12DAC7!important;
}
.oc-background{
	background-color:var(--swatch-var-6208);
	border-style:solid;
	border-color:var(--swatch-var-881)!important;
	border-width:0px 1pt 0px 0px;
}
.bloc-divider-b-fill{
	fill:transparent;
	height:2px;
}
.arrow{
	fill:var(--swatch-var-881);
	width:30px;
	height:auto;
	margin-left:0px;
	margin-right:15px;
}
.link-style{
	font-style:normal;
}
.row-bloc-1-style{
	width:100%;
}
.oc-header-img{
	width:60px;
	height:auto;
}
.oc-flex-header{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	margin-left:5%;
	margin-top:30px;
	margin-right:5%;
	width:100%;
}
.oc-header-heading{
	font-family:"MyriadPro-Bold";
	text-transform:uppercase;
	font-size:2rem;
	color:var(--swatch-var-881)!important;
}
.oc-header-sub-heading{
	font-family:"MyriadPro-Regular";
	text-transform:uppercase;
	font-size:1rem;
	color:var(--swatch-var-881)!important;
}
.oc-heading-flex{
	display:flex;
	flex-direction:column;
	margin-left:0%;
	align-items:flex-start;
	margin-top:20px;
	width:100%;
}
.oc-body{
	margin-left:5%;
	margin-top:30px;
	width:100%;
}
.oc-close-btn{
	color:var(--swatch-var-881)!important;
	font-size:1.5rem;
}
.oc-close-btn:hover{
	color:var(--swatch-var-3925)!important;
}
.oc-img-heading{
	display:flex;
	align-items:flex-start;
	width:100%;
	flex-direction:column;
}
.nav-menu-styling{
	font-family:"MyriadPro-Regular";
	text-transform:uppercase;
	color:var(--swatch-var-881)!important;
	font-size:1.1rem;
	text-decoration:none;
}
.divider-background-color{
	background-color:var(--swatch-var-881);
	height:1px;
}
.oc-body-menu{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	width:100%;
	margin-bottom:30px;
}
.oc-body-item{
	display:flex;
	align-content:space-between;
	flex-direction:row;
	justify-content:flex-start;
	width:auto;
	border-style:_popUpItemAction:;
	border-color:transparent!important;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	position:relative;
}
.oc-body-menu-heading{
	width:100%;
	font-family:"MyriadPro-Semibold";
	text-transform:uppercase;
	font-size:1.5rem;
	color:var(--swatch-var-881)!important;
	margin-bottom:0;
}
.oc-link-item{
	font-family:"MyriadPro-Regular";
	text-transform:uppercase;
	text-decoration:none;
	font-size:1rem;
	color:var(--swatch-var-881)!important;
	padding-left:2px;
	border-color:transparent!important;
	cursor:pointer;
	border-width:0px 0px 0px 0px;
}
.oc-link-item:hover{
	fill:var(--swatch-var-6093);
	stroke:var(--swatch-var-6093);
}
.arrow:active{
	color:var(--swatch-var-6093)!important;
}
.oc-body-item:hover{
	border-style:_popUpItemAction:;
}
.oc-divider{
	margin-left:5%;
	margin-right:5%;
}
.oc-flex-body{
	margin-right:5%;
	margin-left:5%;
	flex-direction:column;
	display:flex;
	margin-top:20px;
	justify-content:flex-start;
	align-items:flex-start;
}
.divider-style{
	width:100%;
	background-color:var(--swatch-var-881);
	margin-top:5px;
}
.iconic-thumb{
	border-color:var(--swatch-var-881)!important;
	border-style:solid;
	border-radius:10px 10px 10px 10px;
	border-width:2px 2px 2px 2px;
}
.white-background{
	background-color:#FFFFFF;
}
.row-bloc-5-padding-bottom{
	padding-bottom:100px;
	padding-top:0px;
}
.picture::after{
	width:100%;
	content:"";
	height:100%;
	border-style:solid;
	border-color:#39918B!important;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	border-radius:100px 100px 100px 100px;
	border-width:10px 10px 10px 10px;
}
.vertical-line:hover{
	background-color:var(--swatch-var-881);
}
.alert-warning{
	border-style:solid;
	border-color:var(--swatch-var-3176)!important;
	background-color:var(--swatch-var-3176);
	font-family:"MyriadPro-Regular";
	font-size:1rem;
	color:var(--swatch-var-881)!important;
	border-radius:5px 5px 5px 5px;
}
.p-yellow{
	font-family:"MyriadPro-LightSemiExt";
	font-size:1.3rem;
	color:var(--swatch-var-881);
}
.icon-btn{
	color:var(--swatch-var-881)!important;
	background-color:var(--swatch-var-6208);
}
.bi-arrow-up:hover{
	background-color:var(--swatch-var-6208);
}
.tab-alignment{
	padding-bottom:100px;
}
.menu-ul{
	position:relative;
}
.menu-ul::after{
	position:absolute;
	content:"";
	left:0px;
	width:100%;
	background-color:var(--swatch-var-881);
	height:1.5px;
	margin-bottom:1px;
	bottom:0px;
}
.food-item{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
.divider-0-style{
	height:3px;
	background-color:var(--swatch-var-881);
	width:100%;
}
.container-width{
	width:100%;
}
.divider-0-background-color{
	background-color:var(--swatch-var-881);
	height:1px;
	margin-bottom:8px;
	margin-top:2px;
}
.menu-row-left{
	display:flex;
	flex-direction:column-reverse;
	justify-content:space-between;
}
.align-left{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.menu-item-align{
	width:100%;
}
.item-styling{
	width:100%;
	margin-top:30px;
}
.menu-item{
	font-family:"MyriadPro-Regular";
	text-transform:uppercase;
	font-size:1.5rem;
	text-align:left;
}
.menu-price{
	font-family:"MyriadPro-Light";
	font-size:1.5rem;
	color:var(--swatch-var-881)!important;
}
.menu-desc{
	font-family:"MyriadPro-LightSemiExt";
	font-size:1rem;
	color:var(--swatch-var-881)!important;
}
.menu-section-right{
	width:100%;
	text-align:left;
	padding-left:50%;
}
.menu-section-heading-right{
	font-family:"MyriadPro-LightSemiExt";
	text-transform:uppercase;
	width:auto;
	position:relative;
	font-size:2.5rem;
	text-align:left;
	margin-left:55%;
}
.menu-section-heading{
	font-family:"MyriadPro-LightSemiExt";
	font-size:2.5rem;
	text-transform:uppercase;
	position:relative;
	text-align:left;
}
.menu-section-left{
	padding-right:50%;
}
.h3-style{
	width:48.32%;
}
.menu-item-alert{
	font-family:"MyriadPro-SemiboldCond";
	font-size:1.5rem;
	color:var(--swatch-var-3176)!important;
}
.food-menu-tab{
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.food-menu-tab-item{
	width:150px;
	margin-left:10px;
	margin-right:10px;
	font-family:"MyriadPro-Regular";
	font-size:1.1rem;
	text-transform:uppercase;
	color:var(--swatch-var-7215)!important;
	background-color:var(--swatch-var-881);
	padding-bottom:5px;
	padding-top:10px;
}
.food-menu-tab-container{
	width:auto;
}
.food-menu-tab-item:hover{
	color:var(--swatch-var-881)!important;
	border-style:solid;
	border-color:var(--swatch-var-881)!important;
	background-color:var(--swatch-var-6208);
	font-family:"MyriadPro-Regular";
	font-size:1.1rem;
	text-transform:uppercase;
	border-radius:5px 5px 5px 5px;
}
.menu-scroll-up-left{
	position:absolute;
	bottom:100px;
	left:5%;
}
.bi-arrow-up-square{
	color:var(--swatch-var-881)!important;
}
.bi-arrow-up-square:hover{
	color:var(--swatch-var-3176)!important;
}
.menu-scroll-up{
	position:absolute;
	bottom:0px;
	right:0%;
}
.h3-black{
	font-family:"MyriadPro-Regular";
	font-size:1.6rem;
	color:#1F1C0C!important;
}
.h3-black:hover{
	font-size:1.6rem;
	font-family:"MyriadPro-Regular";
	color:#1F1C0C!important;
}
.bloc-padding-bottom{
	margin-bottom:30px;
}
.p-black{
	font-family:"MyriadPro-Regular";
	font-size:1.2rem;
	color:#1F1C0C!important;
}
.form-control::placeholder{
	font-family:"MyriadPro-Regular";
	font-size:1.1rem;
}
.form-control::placeholder:hover{
	color:#1F1C0C!important;
}
.form-control::placeholder:active{
	color:#1F1C0C!important;
}
.label-store-visit-style{
	font-family:"MyriadPro-Regular";
}
.oc-height{
	height:1500px;
}
.menu-1{
	width:40vw!important;
}
.counter-lv1{
	display:flex;
	flex-direction:row;
	align-items:center;
}
.counter-lv2{
	display:flex;
	width:50%;
	flex-direction:row;
}
.counter-lv3{
	width:50%;
	height:auto;
}
.divider-bloc-5-background-color{
	background-color:var(--swatch-var-881);
	margin-top:0;
	margin-bottom:6px;
}
.by-numbers-height{
	padding-bottom:75px;
}
.h3-txt-light{
	font-family:"MyriadPro-LightSemiExt";
	color:var(--swatch-var-881)!important;
	font-size:3rem;
	flex-direction:row;
}
.bi-check2-square{
	font-size:1rem;
}
.check-list-style{
	color:var(--swatch-var-881);
	padding-top:6px;
}
.list-item-align{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	margin-bottom:10px;
}
.p-align{
	margin-bottom:0;
	padding-left:20px;
	width:financial assistance if requiredfinancial assistance if requiredfinancial assistance if requiredpx;
}
.list-item{
	font-family:"MyriadPro-LightSemiExt";
	font-size:1.2rem;
}
.column-align{
	display:flex;
	width:100%;
}
.column-width-50{
	width:50%;
}
.p-style{
	font-size:18;
}
.column-button-align{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.button-spacing{
	margin:10px 0px 10px 0px;
}
.arrow-blue{
	fill:var(--swatch-var-3925);
	width:30px;
	height:auto;
	margin-left:0px;
	margin-right:15px;
	min-width:30px;
}
.arrow-blue:hover{
	width:50px;
}
.arrow-blue:active{
	color:var(--swatch-var-6093)!important;
}
.faq-title{
	text-decoration:none;
	font-family:"MyriadPro-Regular";
	font-size:2rem;
	color:var(--swatch-var-881);
	text-transform:none;
	cursor:pointer;
}
.faq-header-align{
	display:flex;
	flex-direction:row;
	align-items:center;
}
.faq-bg{
	background-color:var(--swatch-var-6208);
	border-style:solid;
	border-width:0 0 0 0;
}
.faq-content{
	font-family:"MyriadPro-LightSemiExt";
	font-size:1.2rem;
	color:var(--swatch-var-881);
}
.faq-body{
	padding-left:60px;
}
.faq-btn-align{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
}
.faq-interest{
	margin-bottom:5;
}
.faq-btn-style{
	width:20%;
	margin-left:50px;
}
.sustainability-icon{
	height:auto;
	margin-right:autpx;
	width:175px;
}
.sustainable-sub-container{
	flex-direction:row;
	align-items:center;
	padding:20px 20px 20px 20px;
	justify-content:center;
	width:50%;
}
.sustainable-container{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
}
.sustainable-quote{
	font-family:"MyriadPro-LightSemiExt";
	font-size:1.5rem;
	color:var(--swatch-var-881);
}
.sustainable-xs-container{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	width:50%;
}
.food-sub-tab{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.menu-row-right{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.menu-section-heading-align{
	margin-left:5%;
}
.store-button{
	text-transform:uppercase;
	font-family:"MyriadPro-LightSemiExt";
	color:var(--swatch-var-881);
	font-size:1.2rem;
	background-color:var(--swatch-var-6208);
	width:200px;
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	box-shadow:0.47px 0.88px 2px rgba(254,237,4,0.44);
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	border-width:1 1 1 1;
}
.store-button:hover{
	background-color:var(--swatch-var-6208);
	border-style:solid;
	border-color:var(--swatch-var-881);
	border-radius:5 5 5 5;
	border-width:1 1 1 1;
}
.location-card{
	background-color:var(--swatch-var-6208);
	border-style:solid;
	border-color:var(--swatch-var-881);
	margin-left:10px;
	margin-right:10px;
	width:50%;
	border-radius:10px 10px 10px 10px;
	border-width:1 1 1 1;
}
.location-card-container{
	display:flex;
	flex-direction:row;
	align-items:stretch;
	justify-content:center;
}
.location-card-sub-container{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	width:100%;
}
.store-card-p{
	font-family:"MyriadPro-LightSemiExt";
	font-size:1.3rem;
	color:var(--swatch-var-881);
	text-align:center;
}
.store-card-icon{
	position:relative;
	right:0;
	top:-40px;
	left:0px;
	color:var(--swatch-var-881);
	font-size:3rem;
	background-color:var(--swatch-var-6208);
	padding-left:10px;
	padding-right:10px;
}
.p-yellow-regular{
	font-family:"MyriadPro-Regular";
	font-size:1rem;
	color:var(--swatch-var-881);
}
.divider-0-bloc-5-background-color{
	background-color:var(--swatch-var-881);
	margin-bottom:1px;
	margin-top:1px;
}
.contact-container{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.contact-button{
	width:200px;
	margin-left:10px;
	margin-right:10px;
	background-color:var(--swatch-var-6208);
	color:var(--swatch-var-881);
	font-family:"MyriadPro-LightSemiExt";
	margin-bottom:20px;
	font-size:1.1rem;
	text-transform:uppercase;
	text-align:center;
}
.contact-icon{
	font-size:1.5rem;
	color:var(--swatch-var-881);
	background-color:var(--swatch-var-6208);
}
.shop-button{
	width:200px;
	margin-left:10px;
	margin-right:10px;
	background-color:var(--swatch-var-6208);
	color:var(--swatch-var-881);
	font-family:"MyriadPro-LightSemiExt";
	margin-bottom:20px;
	font-size:1.1rem;
	text-transform:uppercase;
}
.container-div-padding-bottom{
	padding-bottom:0px;
	margin-bottom:100px;
	margin-top:50px;
}
.contact-button:hover{
	background-color:var(--swatch-var-6208);
}
.shop-button:hover{
	background-color:var(--swatch-var-6208);
}
.contact-button-2{
	width:auto;
	background-color:var(--swatch-var-1395);
	color:var(--swatch-var-6998)!important;
	font-family:"MyriadPro-LightSemiExt";
	font-size:1.1rem;
	text-transform:uppercase;
	text-align:left;
	box-shadow:0.47px 0.88px 2px rgba(254,237,4,0.44);
}
.contact-button-2:hover{
	background-color:var(--swatch-var-3176);
	border-width:1px 1px 1px 1px;
	border-radius:5px 5px 5px 5px;
	border-style:solid;
	border-color:var(--swatch-var-881)!important;
}
.background-img-international{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-mauritius{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-faq{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-franchisee{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-sustainability{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-story{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-take-me-home{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-drinks{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-food{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-legal{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-contact{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-application{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-order{
	background-size:cover;
	width:auto;
	height:700px;
}
.hidden{
	display:none;
}
.h3-bloc-40-style{
	opacity:1.0;
}
.p-yellow-small{
	font-family:"MyriadPro-LightSemiExt";
	color:var(--swatch-var-881);
	font-size:.8rem;
}
.body-img-style{
	width:100%;
	border-radius:5px 5px 5px 5px;
	border-style:solid;
	border-color:var(--swatch-var-881)!important;
	border-width:.5px .5px .5px .5px;
	box-shadow:0.47px -0.88px 2px rgba(254,237,4,0.60);
}
.div-fill{
	background-color:var(--swatch-var-6208);
	height:50px;
	margin-top:-50px;
	position:relative;
}
.background-img-thank-you{
	background-size:cover;
	width:auto;
	height:700px;
}
.background-img-404{
	background-size:cover;
	width:auto;
	height:700px;
}
.house-icon-style{
	color:var(--swatch-var-881)!important;
	font-size:3rem;
}
.house-icon-style:hover{
	color:var(--swatch-var-3925)!important;
}
.redirect-layout{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-end;
}
.h2-txt-light-link{
	font-family:"MyriadPro-LightSemiExt";
	font-size:2rem;
	color:var(--swatch-var-3925)!important;
	text-decoration:none;
}
.h2-txt-light-link:hover{
	color:var(--swatch-var-881)!important;
}
.container-div-style{
	width:13.99%;
}
.form-flex{
	display:flex;
	flex-direction:row;
}
.form-sub-flex{
	width:50%;
}
.footer-icon{
	font-size:2rem;
	color:var(--swatch-var-6208)!important;
}
.footer-icon:hover{
	color:var(--swatch-var-3925)!important;
}
.modal-border{
	border-style:solid;
	border-color:#F8E01E!important;
	border-radius:10px 10px 10px 10px;
	border-width:3px 3px 3px 3px;
	z-index:1;
}
.modal-flex{
	display:flex;
	align-items:flex-start;
	flex-direction:row;
}
.modal-left{
	width:50%;
	border-style:solid;
	border-color:#F8E01E!important;
	height:100%;
	justify-content:flex-start;
	margin-top:auto;
	margin-bottom:auto;
	border-radius:5px 5px 5px 5px;
	border-width:0px 0px 0px 0px;
}
.modal-right{
	width:50%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
}
.h2-yellow{
	font-family:"MyriadPro-Bold";
	font-size:3rem;
	color:#F8E01E!important;
}
.h3-yellow{
	font-family:"MyriadPro-Regular";
	font-size:1.6rem;
	color:#F8E01E!important;
}
.mod-button{
	background-color:#1F1C0C;
	color:#F8E01E!important;
	font-size:1.2rem;
	border-style:solid;
	border-color:#FEED04!important;
	font-family:"MyriadPro-Semibold";
	width:30%;
	margin-left:auto;
	margin-right:auto;
	border-radius:5px 5px 5px 5px;
	border-width:1px 1px 1px 1px;
}
.mod-button:hover{
	border-style:solid;
	background-color:#1F1C0C;
	font-family:"MyriadPro-Semibold";
	font-size:1.2rem;
	color:#FEED04!important;
	border-color:#00D6B3!important;
	border-radius:5px 5px 5px 5px;
	border-width:1px 1px 1px 1px;
}
.modal-close-icon{
	font-size:3rem;
	color:var(--swatch-var-881)!important;
}
.modal-close-container{
	position:relative;
	top:-100px;
}
.modal-close-icon:hover{
	color:var(--swatch-var-3925)!important;
}
.bloc-offcanvas{
	background-color:transparent;
}
.offcanvas-header{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.offcanvas-title{
	color:#000000!important;
	margin-top:0px;
	margin-bottom:0px;
}
.offcanvas-close{
	color:#CE0027!important;
	font-size:2rem;
	cursor:pointer;
	margin-left:auto;
	opacity:0.8;
}
.offcanvas-close:hover{
	opacity:1.0;
}
.offcanvas-content{
	width:100%;
	max-width:1300px;
	margin-right:auto;
	margin-left:auto;
}
.nav-logo{
	width:60px;
	height:auto;
}
.navbar-align{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	margin-top:10px;
	margin-bottom:10px;
}
.new-item-alert{
	width:100%;
	margin-top:30px;
	margin-bottom:-30px;
}
.bloc{
	background-color:var(--swatch-var-6208);
}
.img-style{
	width:150px!important;
	height:150px!important;
}
.h2-style{
	font-size:2rem;
	font-family:"MyriadPro-Semibold";
}
.h2-bloc-90-style{
	font-size:2rem;
	font-family:"MyriadPro-Semibold";
}
.h3-bloc-90-style{
	font-size:1.2rem;
}
.size{
	width:150px!important;
	height:150px!important;
}
.smallpotato-admin-app{
	background-color:var(--swatch-var-6998);
}

/* = Colour
-------------------------------------------------------------- */

/* Swatch Variables */
:root{
	
	--swatch-var-6208:rgba(209,211,233,1.00);
	
	--swatch-var-7215:rgba(0,0,0,1.00);
	
	--swatch-var-881:rgba(0,0,0,1.00);
	
	--swatch-var-6380:rgba(240,240,240,1.00);
	
	--swatch-var-1395:rgba(57,68,121,1.00);
	
	--swatch-var-6998:rgba(255,255,255,1.00);
	
	--swatch-var-3176:rgba(248,0,0,1.00);
	
	--swatch-var-3925:rgba(0,214,179,1.00);
	
	--swatch-var-5835:rgba(249,225,30,1.00);
	
	--swatch-var-5997:rgba(254,237,4,0.15);
	
	--swatch-var-4787:#1F1C0C;
	
}


/* Background colour styles */

.bgc-6208{
	background-color:var(--swatch-var-6208);
}

/* Text colour styles */

.tc-7215{
	color:var(--swatch-var-7215)!important;
}
.tc-881{
	color:var(--swatch-var-881)!important;
}

/* Bloc image backgrounds */


/* = Custom Bric Data
-------------------------------------------------------------- */

/**************************************************** * Tab Anything Pro * Made for Blocs app for Mac * Author: Whittfield Holmes, Blochead.com, CodeMyBrand.com * Last Modified Date: January 5th, 2020 8:00am CST*****************************************************/@charset "UTF-8";
	.tab-anything.indent-hover[data-orientation=vertical][data-glyphs=Text i][data-rotate="0"i] label span{
	transition:all .5s ease}.tab-anything.indent-hover[data-orientation=vertical][data-glyphs=Text i][data-rotate="0"i] label:hover span{
	margin-left:10px;
	transition:all .5s ease}.tab-anything.indent-hover.indent-selected[data-orientation=vertical][data-glyphs=Text i][data-rotate="0"i] label.selected span{
	margin-left:10px;
	transition:all .5s ease}.tab-anything.indent-hover[data-orientation=horizontal][data-glyphs=Text i][data-rotate="0"i] label span{
	transition:all .5s ease}.tab-anything.indent-hover[data-orientation=horizontal][data-glyphs=Text i][data-rotate="0"i] label:hover span{
	margin-left:10px;
	margin-right:10px;
	transition:all .5s ease}.tab-anything.indent-hover.indent-selected[data-orientation=horizontal][data-glyphs=Text i][data-rotate="0"i] label.selected span{
	margin-left:10px;
	margin-right:10px;
	transition:all .5s ease}.next,.prev{
	cursor:pointer}label{
	margin:0}.tab-anything-btn input{
	opacity:0;
	position:absolute;
	width:0;
	height:0}.tab-anything[class^=col-]{
	padding-left:0!important;
	padding-right:0!important}.tab-anything .dropdown-menu.fullwidth,.tab-anything .dropdown-toggle.fullwidth,.tab-anything label span{
	width:100%;
	text-align:center;
	white-space:nowrap}.tab-anything .btn-group-wrapper{
	line-height:0}.tab-anything[data-font-weight=bold] .dropdown-toggle span,.tab-anything[data-font-weight=bold] label span{
	font-weight:700}.tab-anything[data-transition="1"] label,.tab-anything[data-transition="1"] label .glyph,.tab-anything[data-transition="1"] label span{
	transition:all .5s ease-out}.tab-anything[data-radius="Pill Shape"][data-detached=false][data-orientation=horizontal] label.btn.wider:first-of-type{
	padding-left:1.5em!important}.tab-anything[data-radius="Pill Shape"][data-detached=false][data-orientation=horizontal] label.btn.wider:last-of-type{
	padding-right:1.5em!important}.tab-anything a.btn.dropdown-toggle.wider{
	padding-left:1.7em!important;
	padding-right:1.7em!important}.tab-anything[data-width="1"] .btn-group,.tab-anything[data-width="1"] label,.tab-anything[data-width="1"] label span{
	width:100%}.tab-anything[data-orientation=horizontal] .btn-group{
	display:inline-flex}.tab-anything[data-orientation=horizontal][data-detached=true] label{
	margin:0 10px}.tab-anything[data-orientation=horizontal][data-detached=true][data-gap-increase=true] label{
	margin:0 18px}.tab-anything[data-orientation=horizontal][data-detached=true] label.btn:first-of-type{
	margin-left:0}.tab-anything[data-orientation=horizontal][data-detached=true] label.btn:last-of-type{
	margin-right:0}.tab-anything[data-orientation=vertical][data-detached=false] .btn-group{
	display:inline-block}.tab-anything[data-orientation=vertical][data-detached=false] .btn-group label{
	display:block}.tab-anything[data-orientation=vertical][data-detached=true] .btn-group{
	display:inline-block}.tab-anything[data-orientation=vertical][data-detached=true] .btn-group label{
	display:block}.tab-anything[data-orientation=vertical i][data-detached=true][data-rotate="0"] label.btn{
	margin-top:5px;
	margin-bottom:5px}.tab-anything[data-orientation=vertical i][data-detached=true][data-rotate="1"] label.btn{
	margin-top:10px;
	margin-bottom:10px}.tab-anything[data-orientation=vertical i][data-detached=true][data-rotate="0"][data-gap-increase=true] label.btn{
	margin-top:10px;
	margin-bottom:10px}.tab-anything[data-orientation=vertical i][data-detached=true][data-rotate="1"][data-gap-increase=true] label.btn{
	margin-top:20px;
	margin-bottom:20px}.tab-anything[data-orientation=vertical i][data-detached=true] label.btn:first-of-type,.tab-anything[data-orientation=vertical i][data-detached=true][data-gap-increase=true] label.btn:first-of-type{
	margin-top:0}.tab-anything[data-orientation=vertical i][data-detached=true] label.btn:last-of-type,.tab-anything[data-orientation=vertical i][data-detached=true][data-gap-increase=true] label.btn:last-of-type{
	margin-bottom:0}.tab-anything[data-glyphs=bars] label.sml{
	height:10px!important}.tab-anything[data-glyphs=bars] label.med{
	height:20px!important}.tab-anything[data-glyphs=bars] label.lrg{
	height:30px!important}.tab-anything[data-glyphs=bars] label.short{
	min-width:50px}.tab-anything[data-glyphs=bars] label.long{
	min-width:80px}.tab-anything[data-glyphs=bars] label{
	line-height:0!important;
	padding:0!important}.tab-anything[data-glyphs=bars] label span{
	font-size:0!important;
	top:.175em!important;
	color:transparent!important}.tab-anything[data-glyphs=bullets][data-orientation=vertical] .btn-group{
	min-height:auto;
	height:auto}.tab-anything[data-glyphs=bullets][data-orientation=vertical] label{
	min-height:25px}.tab-anything[data-glyphs=bullets] label{
	height:25px;
	min-height:25px;
	min-width:50px;
	padding-top:0;
	padding-bottom:0;
	line-height:.5em}.tab-anything[data-glyphs=bullets] .btn-group{
	height:25px}.tab-anything[data-glyphs=bullets] label{
	background-color:transparent!important;
	border-color:transparent!important}.tab-anything[data-glyphs=bullets] label .glyph{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.tab-anything[data-glyph-size=sml] label .glyph{
	font-size:24px!important}.tab-anything[data-glyph-size=med] label .glyph{
	font-size:34px!important}.tab-anything[data-glyph-size=lrg] label .glyph{
	font-size:44px!important}.tab-anything[data-focus=off i] .btn-group input,.tab-anything[data-focus=off i] .dropdown-toggle:focus,.tab-anything[data-focus=off i] label{
	outline:0;
	box-shadow:none}.tab-anything[data-flush=left i][data-glyphs=bullets] .btn-group label{
	padding-left:0;
	padding-right:30px;
	min-width:auto}.tab-anything[data-border-color=transparent i] a.btn.dropdown-toggle,.tab-anything[data-border-color=transparent i] label.btn{
	border-color:transparent}.tab-anything[data-border-color=transparent i] .btn-group>.btn-group:not(:first-child),.tab-anything[data-border-color=transparent i] .btn-group>.btn:not(:first-child){
	margin-left:0}.tab-anything[data-mobile-swap="0"i] .dropdown{
	display:none}.tab-anything .dropdown-menu{
	z-index:9999;
	transform:translate3d(18px,-95px,0 !important);
	-webkit-transform:translate3d(18px,-95px,0 !important)}.tab-anything .dropdown-menu a:hover{
	background-color:transparent}.tab-anything .dropdown-menu a.active span{
	color:#fff}.tab-anything .dropdown-menu a span{
	color:#444}.tab-anything .dropdown-item{
	padding:.45rem 1.5rem}.tab-anything[data-bkgrnd=transparent i] .dropdown-menu{
	background-color:#fff!important}.tab-anything a.btn.dropdown-toggle span{
	background-color:transparent;
	border-color:transparent!important;
	margin-right:3px}.tab-anything .dropdown-toggle::after{
	position:relative;
	top:1px;
	border-top:.27em solid;
	border-right:.27em solid transparent;
	border-bottom:0;
	border-left:.27em solid transparent}@media only screen and (max-width:767px){
	.tab-anything[data-mobile-swap="0"i] .btn-group-wrapper{
	display:block!important}.tab-anything[data-mobile-swap="0"i] .mobile-wrapper{
	display:none!important}.tab-anything[data-mobile-swap="1"i] .btn-group-wrapper{
	display:none!important}.tab-anything[data-mobile-swap="1"i] .mobile-wrapper{
	display:block!important}}.tab-anything[data-radius=Sharp] .dropdown-toggle,.tab-anything[data-radius=Sharp] label.btn{
	border-radius:0}.tab-anything[data-radius=Dull][data-orientation=vertical][data-detached=false] label.btn:first-of-type{
	border-top-left-radius:3px!important;
	border-top-right-radius:3px!important;
	border-bottom-left-radius:0!important;
	border-bottom-right-radius:0!important}.tab-anything[data-radius=Dull][data-orientation=vertical][data-detached=false] label.btn:last-of-type{
	border-top-left-radius:0!important;
	border-top-right-radius:0!important;
	border-bottom-left-radius:3px!important;
	border-bottom-right-radius:3px!important}.tab-anything[data-radius=Round][data-orientation=vertical][data-detached=false] label:first-of-type{
	border-top-left-radius:6px!important;
	border-top-right-radius:6px!important;
	border-bottom-left-radius:0!important;
	border-bottom-right-radius:0!important}.tab-anything[data-radius=Round][data-orientation=vertical][data-detached=false] label:last-of-type{
	border-top-left-radius:0!important;
	border-top-right-radius:0!important;
	border-bottom-left-radius:6px!important;
	border-bottom-right-radius:6px!important}.tab-anything[data-radius=Dull][data-orientation=vertical][data-detached=true] label.btn{
	border-radius:3px}.tab-anything[data-radius=Round][data-orientation=vertical][data-detached=true] label.btn{
	border-radius:6px}.tab-anything[data-radius="Pill Shape"][data-orientation=vertical][data-detached=false] label.btn:first-of-type{
	border-top-left-radius:100px!important;
	border-top-right-radius:100px!important;
	border-bottom-left-radius:0!important;
	border-bottom-right-radius:0!important}.tab-anything[data-radius="Pill Shape"][data-orientation=vertical][data-detached=false] label.btn:last-of-type{
	border-top-left-radius:0!important;
	border-top-right-radius:0!important;
	border-bottom-left-radius:100px!important;
	border-bottom-right-radius:100px!important}.tab-anything[data-radius="Pill Shape"][data-orientation=vertical][data-detached=false][data-glyphs=text] label.btn:first-of-type{
	padding-top:10px}.tab-anything[data-radius="Pill Shape"][data-orientation=vertical][data-detached=false][data-glyphs=text] label.btn:last-of-type{
	padding-bottom:10px}.tab-anything[data-radius=Dull][data-orientation=vertical] .dropdown-toggle{
	border-radius:3px}.tab-anything[data-radius=Round][data-orientation=vertical] .dropdown-toggle{
	border-radius:6px}.tab-anything[data-radius="Pill Shape"] .dropdown-toggle,.tab-anything[data-radius="Pill Shape"][data-orientation=vertical][data-detached=true] label.btn{
	border-radius:100px;
	padding-left:1.2em;
	padding-right:1.2em}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius=Dull] label.btn:first-of-type{
	border-top-left-radius:3px;
	border-bottom-left-radius:3px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius=Dull] label.btn:last-of-type{
	border-top-right-radius:3px;
	border-bottom-right-radius:3px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius=Round] label.btn:first-of-type{
	border-top-left-radius:6px;
	border-bottom-left-radius:6px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius=Round] label.btn:last-of-type{
	border-top-right-radius:6px;
	border-bottom-right-radius:6px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius="More Round"] label.btn:first-of-type{
	border-top-left-radius:10px;
	border-bottom-left-radius:10px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius="More Round"] label.btn:last-of-type{
	border-top-right-radius:10px;
	border-bottom-right-radius:10px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius="Pill Shape"] label.btn:first-of-type{
	border-top-left-radius:100px;
	border-bottom-left-radius:100px;
	padding-left:1.2em}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius="Pill Shape"] label.btn:last-of-type{
	border-top-right-radius:100px;
	border-bottom-right-radius:100px;
	padding-right:1.2em}.tab-anything[data-detached=true][data-radius=Sharp] .btn-group label.btn,.tab-anything[data-detached=true][data-radius=Sharp] .dropdown-toggle{
	border-radius:0}.tab-anything[data-detached=true][data-radius=Dull] .btn-group label.btn,.tab-anything[data-detached=true][data-radius=Dull] .dropdown-toggle{
	border-radius:3px}.tab-anything[data-detached=true][data-radius=Round] .btn-group label.btn,.tab-anything[data-detached=true][data-radius=Round] .dropdown-toggle{
	border-radius:6px}.tab-anything[data-detached=true][data-radius="More Round"] .btn-group label.btn,.tab-anything[data-detached=true][data-radius="More Round"] .dropdown-toggle{
	border-radius:10px}.tab-anything[data-detached=true][data-radius="Pill Shape"] .btn-group label.btn,.tab-anything[data-detached=true][data-radius="Pill Shape"] .dropdown-toggle{
	border-radius:100px;
	padding-left:20px;
	padding-right:20px}.tab-anything label.btn img.square{
	border-radius:0}.tab-anything label.btn img.dull-edge{
	border-radius:2px}.tab-anything label.btn img.slightly-round{
	border-radius:4px}.tab-anything label.btn img.more-round{
	border-radius:8px}.tab-anything label.btn img.circle{
	border-radius:200px}.tab-anything[data-glyphs=Bars i] label.btn img,.tab-anything[data-glyphs=Bullets i] label.btn img,.tab-anything[data-glyphs=Text i] label.btn img{
	display:none}.tab-anything[data-image-shape=proportional] img.sml{
	max-width:16px;
	height:auto}.tab-anything[data-image-shape=proportional] img.med{
	max-width:24px;
	height:auto}.tab-anything[data-image-shape=proportional] img.lrg{
	max-width:32px;
	height:auto}.tab-anything[data-image-shape=proportional] img.xl{
	max-width:64px;
	height:auto}.tab-anything[data-image-shape=proportional] img.xxl{
	max-width:96px;
	height:auto}.tab-anything[data-image-shape=proportional] label.svg img.sml{
	max-width:16px;
	width:16px;
	height:auto}.tab-anything[data-image-shape=proportional] label.svg img.med{
	max-width:24px;
	width:24px;
	height:auto}.tab-anything[data-image-shape=proportional] label.svg img.lrg{
	max-width:32px;
	width:32px;
	height:auto}.tab-anything[data-image-shape=proportional] label.svg img.xl{
	max-width:64px;
	width:64px;
	height:auto}.tab-anything[data-image-shape=proportional] label.svg img.xxl{
	max-width:96px;
	width:96px;
	height:auto}.tab-anything[data-image-shape=proportional] .dropdown-item img,.tab-anything[data-image-shape=proportional] .dropdown-toggle img{
	max-width:64px!important;
	height:48px!important}.tab-anything[data-image-shape=proportional][data-glyphs=images i] .dropdown-toggle{
	display:none;
	max-width:64px!important;
	height:48px!important}div[id^=tab].d-none{
	display:none;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)}.tab-anything[data-glyphs=images] label span{
	display:none}.tab-anything[data-glyphs=images] .dropdown-item span,.tab-anything[data-glyphs=images] .dropdown-toggle span{
	display:none!important}.tab-anything[data-glyphs=images] .dropdown-menu{
	min-width:auto}.tab-anything .dropdown-item img{
	display:none}.tab-anything[data-glyphs="image w label"i] .btn-group-wrapper.d-none{
	display:block!important}.tab-anything[data-glyphs="image w label"i] label span{
	display:table;
	margin-top:10px;
	max-width:150px;
	text-align:center}.tab-anything[data-glyphs="image w label"i][data-image-zoom=Zoom i] .tab-anything-btn-group label.btn{
	display:table;
	align-self:center}.tab-anything[data-glyphs=images i] .btn-group-wrapper.d-none{
	display:block!important}.tab-anything[data-glyphs=images i] label span{
	display:none}.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] .tab-anything-btn-group label{
	display:table;
	align-self:center}.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] label img{
	vertical-align:middle}.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] label img.sml{
	border-width:1px;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] label img.med{
	border-width:1px;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] label img.lrg{
	border-width:2px;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] label img.xl{
	border-width:4px;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] label img.xxl{
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] label.active img,.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] label.selected img{
	border-width:0;
	border-style:solid;
	border-color:transparent}.tab-anything[data-glyphs^=image i][data-image-opacity=Opacity i] label img{
	opacity:.5;
	transition:opacity .4s}.tab-anything[data-glyphs^=image i][data-image-opacity=Opacity i] label.active img,.tab-anything[data-glyphs^=image i][data-image-opacity=Opacity i] label.selected img{
	opacity:1;
	transition:opacity .4s}.tab-anything[data-glyphs=images i][data-orientation=vertical] label{
	padding-top:.6em;
	padding-bottom:.6em}.tab-anything[data-glyphs=images i][data-orientation=vertical] label.less{
	padding-top:.3em;
	padding-bottom:.3em}.tab-anything[data-glyphs=images i][data-orientation=vertical] label.more{
	padding-top:1em;
	padding-bottom:1em}.tab-anything[data-glyphs=images i][data-orientation=horizontal] label.less{
	padding-left:.4em;
	padding-right:.4em}.tab-anything[data-glyphs=images i][data-orientation=horizontal] label.more{
	padding-left:1.2em;
	padding-right:1.2em}@media only screen and (max-width:480px){
	.tab-anything[data-image-shape=proportional] img.xxl{
	max-width:64px!important}.tab-anything[data-image-shape=proportional] label.svg img.xxl{
	max-width:64px!important;
	width:64px!important}.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] label img.xxl{
	border-width:4px!important;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images i][data-image-zoom=Zoom i] label.active img.xxl{
	border-width:0!important;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}}.tab-anything[data-orientation=vertical][data-rotate="0"][data-align-label=text-left] .btn-group{
	text-align:left!important}.tab-anything[data-orientation=vertical][data-rotate="0"][data-align-label=text-center] .btn-group{
	text-align:center!important}.tab-anything[data-orientation=vertical][data-rotate="0"][data-align-label=text-right] .btn-group{
	text-align:right!important}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-align-btns="0"] .btn-group,.tab-anything[data-orientation=vertical] .btn-group.text-left{
	justify-content:flex-start}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-align-btns="1"] .btn-group,.tab-anything[data-orientation=vertical] .btn-group.text-center{
	justify-content:center}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-align-btns="2"] .btn-group,.tab-anything[data-orientation=vertical] .btn-group.text-right{
	justify-content:flex-end}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-width="1"][data-align-btns="0"] .btn-group{
	justify-content:flex-start!important}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-width="1"][data-align-btns="1"] .btn-group{
	justify-content:center!important}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-width="1"][data-align-btns="2"] .btn-group{
	justify-content:flex-end!important}.tab-anything[data-orientation=vertical][data-rotate="0"][data-width="1"][data-align-label=text-left] label.btn{
	text-align:left!important}.tab-anything[data-orientation=vertical][data-rotate="0"][data-width="1"][data-align-label=text-center] label.btn{
	text-align:center!important}.tab-anything[data-orientation=vertical][data-rotate="0"][data-width="1"][data-align-label=text-right] label.btn{
	text-align:right!important}.tab-anything[data-orientation=horizontal][data-rotate="1"] label.wider{
	width:46px!important}.tab-anything[data-orientation=horizontal][data-rotate="1"] label.wider span{
	padding:0!important;
	height:auto;
	width:46px!important;
	margin-left:0}.tab-anything[data-orientation=vertical][data-rotate="0"][data-width="1"] .btn-group,.tab-anything[data-orientation=vertical][data-width="1"] label{
	width:100%}.tab-anything[data-orientation=vertical][data-width="0"] label{
	width:fit-content}.tab-anything[data-orientation=vertical][data-rotate="1"][data-width="1"] .btn-group{
	height:100%;
	width:46px}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-width="0"] .btn-group{
	align-items:flex-end!important}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-fit="1"] label{
	height:100%;
	width:100%}.tab-anything[data-rotate="1"] label{
	padding-top:10px;
	padding-bottom:10px;
	line-height:0;
	width:46px}.tab-anything[data-rotate="1"] label span{
	position:relative;
	top:50%;
	white-space:nowrap;
	writing-mode:tb-rl;
	transform:rotate(-180deg);
	position:relative;
	width:25px;
	line-height:0;
	top:0;
	left:50%}.tab-anything[data-orientation=vertical][data-detached=true][data-rotate="1"][data-radius="Pill Shape"] label{
	padding:20px}.tab-anything[data-orientation=horizontal][data-detached=true][data-rotate="1"][data-radius="Pill Shape"] label{
	padding-top:20px;
	padding-bottom:20px;
	width:46px}.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="0"] .btn-group.tborder label.btn,.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="0"] .btn-group.tborder label.btn.selected,.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="0"] .btn-group.tborder label.btn:hover{
	margin-bottom:-1px!important;
	margin-left:0!important;
	margin-right:0!important}.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="1"] .btn-group.tborder label.btn,.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="1"] .btn-group.tborder label.btn.selected,.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="1"] .btn-group.tborder label.btn:hover{
	margin-bottom:-1px!important;
	margin-left:0!important;
	margin-right:0!important}.tab-anything[data-orientation=horizontal][data-width="1"][data-rotate="1"] .btn-group{
	justify-content:center}.tab-anything[data-orientation=horizontal][data-width="1"][data-rotate="1"] .btn-group label{
	align-items:flex-end!important;
	display:inline-flex;
	max-width:46px}.tab-anything[data-orientation=horizontal][data-width="1"][data-rotate="1"] .btn-group label span{
	position:relative;
	width:100%;
	display:block;
	left:50%}.tab-anything[data-orientation=vertical][data-rotate="0"] .btn-group{
	width:min-content;
	text-align:right}.tab-anything[data-orientation=vertical][data-rotate="0"] label.btn{
	padding-top:6px;
	padding-bottom:6px;
	height:fit-content;
	display:inline-block!important}.tab-anything[data-orientation=vertical][data-rotate="0"] label.btn span{
	position:relative!important}.tab-anything[data-orientation=vertical][data-rotate="1"] label.btn{
	width:46px!important}.tab-anything[data-orientation=vertical][data-rotate="1"] label.btn span{
	display:inline-block;
	position:relative!important;
	top:50%}.tab-anything[data-align-label=text-left i][data-flush="1"][data-orientation=vertical] label.btn{
	padding-left:0!important}.tab-anything[data-align-label=text-right i][data-flush="1"][data-orientation=vertical] label.btn{
	padding-right:0!important}.tab-anything.wrap[data-orientation=horizontal][data-detached=false] label:nth-child(1),.tab-anything.wrap[data-orientation=horizontal][data-detached=false] label:nth-child(2){
	float:left}.tab-anything.wrap[data-orientation=horizontal] .tab-anything-btn-group{
	display:block!important;
	text-align:left!important}.tab-anything.wrap[data-detached=true] label{
	float:left;
	margin:5px!important}.tab-anything.wrap[data-detached=true][data-gap-increase=true] label{
	float:left;
	margin:10px!important}.tab-anything.wrap[data-width="1"] label{
	margin-right:0}div[id^=tab]{
	display:block}div[id^=tab].show .fade{
	animation:fade 1s forwards;
	-webkit-animation:fade 1s forwards}div[id^=tab].show .slide-in-fade-up{
	animation:slideInFadeUp 1s forwards;
	-webkit-animation:slideInFadeUp 1s forwards}div[id^=tab].show .slide-in-fade-down{
	animation:slideInFadeDown 1s forwards;
	-webkit-animation:slideInFadeDown 1s forwards}div[id^=tab].show .slide-in-fade-left{
	animation:slideInFadeLeft 1s forwards;
	-webkit-animation:slideInFadeLeft 1s forwards}div[id^=tab].show .slide-in-fade-right{
	animation:slideInFadeRight 1s forwards;
	-webkit-animation:slideInFadeRight 1s forwards}div[id^=tab].show .zoom-in{
	animation:zoomIn 1s forwards;
	-webkit-animation:zoomIn 1s forwards}div[id^=tab].show .zoom-in-up{
	animation:zoomInUp 1s forwards;
	-webkit-animation:zoomInUp 1s forwards}div[id^=tab].show .zoom-in-down{
	animation:zoomInDown 1s forwards;
	-webkit-animation:zoomInDown 1s forwards}div[id^=tab].show .bounce-in{
	animation:bounceIn 1s forwards;
	-webkit-animation:bounceIn 1s forwards}div[id^=tab].show .dramatic{
	animation:dramatic 1s forwards;
	-webkit-animation:dramatic 1s forwards}div[id^=tab].show .tick-tick-zoom{
	animation:ticktickzoom 1s forwards;
	-webkit-animation:ticktickzoom 1s forwards}@keyframes fade{
	100%{
	opacity:1}}@keyframes slideInFadeUp{
	0%{
	opacity:0;
	transform:translate(0,40px);
	-webkit-transform:translate(0,40px);
	-ms-transform:translate(0,40px)}100%{
	opacity:1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0)}}@keyframes slideInFadeDown{
	0%{
	opacity:0;
	transform:translate(0,-40px);
	-webkit-transform:translate(0,-40px);
	-ms-transform:translate(0,-40px)}100%{
	opacity:1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0)}}@keyframes slideInFadeLeft{
	0%{
	opacity:0;
	transform:translate(40px,0);
	transform:translate(40px,0);
	-webkit-transform:translate(40px,0);
	-ms-transform:translate(40px,0)}100%{
	opacity:1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0)}}@keyframes slideInFadeRight{
	0%{
	opacity:0;
	transform:translate(-40px,0);
	-webkit-transform:translate(-40px,0);
	-ms-transform:translate(-40px,0)}100%{
	opacity:1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0)}}@keyframes bounceIn{
	0%,100%,20%,40%,60%,80%{
	transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{
	opacity:0;
	transform:scale3d(.3,.3,.3);
	-webkit-transform:scale3d(.3,.3,.3);
	-ms-transform:scale3d(.3,.3,.3)}20%{
	transform:scale3d(1.1,1.1,1.1);
	-webkit-transform:scale3d(1.1,1.1,1.1);
	-ms-transform:scale3d(1.1,1.1,1.1)}40%{
	transform:scale3d(.9,.9,.9);
	-webkit-transform:scale3d(.9,.9,.9);
	-ms-transform:scale3d(.9,.9,.9)}60%{
	opacity:1;
	transform:scale3d(1.03,1.03,1.03);
	-webkit-transform:scale3d(1.03,1.03,1.03);
	-ms-transform:scale3d(1.03,1.03,1.03)}80%{
	transform:scale3d(.97,.97,.97);
	-webkit-transform:scale3d(.97,.97,.97);
	-ms-transform:scale3d(.97,.97,.97)}100%{
	opacity:1;
	transform:scale3d(1,1,1);
	-webkit-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1)}}@keyframes zoomIn{
	0%{
	opacity:0;
	transform:scale3d(.6,.6,.6);
	-webkit-transform:scale3d(.6,.6,.6);
	-ms-transform:scale3d(.6,.6,.6)}50%{
	opacity:1}}@keyframes zoomInUp{
	0%{
	opacity:0;
	transform:scale3d(.25,.25,.25) translate3d(0,100px,0);
	-webkit-transform:scale3d(.25,.25,.25) translate3d(0,100px,0);
	-ms-transform:scale3d(.25,.25,.25) translate3d(0,100px,0);
	animation-timing-function:cubic-bezier(.55,.055,.675,.19);
	-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
	-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{
	opacity:1;
	transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
	-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
	-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
	animation-timing-function:cubic-bezier(.175,.885,.32,1);
	-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
	-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{
	0%{
	opacity:0;
	transform:scale3d(.25,.25,.25) translate3d(0,-100px,0);
	-webkit-transform:scale3d(.25,.25,.25) translate3d(0,-100px,0);
	-ms-transform:scale3d(.25,.25,.25) translate3d(0,-100px,0);
	animation-timing-function:cubic-bezier(.55,.055,.675,.19);
	-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
	-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{
	opacity:1;
	transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
	-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
	-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
	animation-timing-function:cubic-bezier(.175,.885,.32,1);
	-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
	-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes ticktickzoom{
	0%{
	opacity:0;
	transform-origin:50% 100%;
	transform:scale(.5,.5) rotate(0)}34%{
	opacity:1;
	transform-origin:50% 50%;
	transform:scale(.5,.5) rotate(0)}68%{
	transform-origin:50% 0;
	transform:scale(.5,.5) rotate(0)}100%{
	transform-origin:50% 50%;
	transform:scale(1,1) rotate(0);
	animation-timing-function:cubic-bezier(.175,.885,.32,1);
	-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
	-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes dramatic{
	0%{
	opacity:0;
	transform-origin:150% 50%;
	transform:scale(.5,.5) rotate(0);
	animation-timing-function:cubic-bezier(.55,.055,.675,.19);
	-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
	-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}25%{
	opacity:1;
	transform-origin:150% 75%;
	transform:scale(.5,.5) rotate(0)}50%{
	transform-origin:0 75%;
	transform:scale(.5,.5) rotate(0)}75%{
	transform-origin:0 0;
	transform:scale(.5,.5) rotate(0)}100%{
	transform-origin:50% 50%;
	transform:scale(1,1) rotate(0);
	animation-timing-function:cubic-bezier(.175,.885,.32,1);
	-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
	-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.tab-anything.wrap{
	margin:auto!important}.tab-anything.wide-25 label{
	width:25px!important}.tab-anything.wide-50 label{
	width:50px!important}.tab-anything.wide-75 label{
	width:75px!important}.tab-anything.wide-100 label{
	width:100px!important}.tab-anything.wide-125 label{
	width:125px}.tab-anything.wide-150 label{
	width:150px}.tab-anything.wide-175 label{
	width:175px}.tab-anything.wide-200 label{
	width:200px}.tab-anything.wide-225 label{
	width:225px}.tab-anything.wide-250 label{
	width:250px}.tab-anything.wide-275 label{
	width:275px}.tab-anything.wide-300 label{
	width:300px}.tab-anything.wide-325 label{
	width:325px}.tab-anything.wide-350 label{
	width:350px}.tab-anything.wide-375 label{
	width:375px}.tab-anything.wide-400 label{
	width:400px}.tab-anything.wide-425 label{
	width:425px}.tab-anything.wide-450 label{
	width:450px}.tab-anything.wide-475 label{
	width:475px}.tab-anything.wide-500 label{
	width:500px}.tab-anything.wide-525 label{
	width:525px}.tab-anything.wide-550 label{
	width:550px}.tab-anything.wide-575 label{
	width:575px}.tab-anything.wide-600 label{
	width:600px}.loader{
	display:inline-block;
	position:relative;
	width:40px;
	height:40px}.loader div{
	box-sizing:border-box;
	display:block;
	position:absolute;
	width:32px;
	height:32px;
	margin:2px;
	border-radius:50%;
	animation:loader 1.2s cubic-bezier(.5,0,.5,1) infinite;
	-webkit-font-smoothing:antialiased}.loader.light div{
	border:4px solid #fff;
	border-color:#fff transparent transparent transparent}.loader.dark div{
	border:4px solid #333;
	border-color:#333 transparent transparent transparent}.loader.gray div{
	border:4px solid #999;
	border-color:#999 transparent transparent transparent}.loader div:nth-child(1){
	animation-delay:-.45s}.loader div:nth-child(2){
	animation-delay:-.3s}.loader div:nth-child(3){
	animation-delay:-.15s}@keyframes loader{
	0%{
	transform:rotate(0)}100%{
	transform:rotate(360deg)}}.sk-fading-circle{
	margin:100px auto;
	width:40px;
	height:40px;
	position:relative}.sk-fading-circle .sk-circle{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0}.light .sk-fading-circle .sk-circle:before{
	background-color:#fff}.dark .sk-fading-circle .sk-circle:before{
	background-color:#333}.gray .sk-fading-circle .sk-circle:before{
	background-color:#999}.sk-fading-circle .sk-circle:before{
	content:'';
	display:block;
	margin:0 auto;
	width:15%;
	height:15%;
	border-radius:100%;
	-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{
	-webkit-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	transform:rotate(30deg)}.sk-fading-circle .sk-circle3{
	-webkit-transform:rotate(60deg);
	-ms-transform:rotate(60deg);
	transform:rotate(60deg)}.sk-fading-circle .sk-circle4{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)}.sk-fading-circle .sk-circle5{
	-webkit-transform:rotate(120deg);
	-ms-transform:rotate(120deg);
	transform:rotate(120deg)}.sk-fading-circle .sk-circle6{
	-webkit-transform:rotate(150deg);
	-ms-transform:rotate(150deg);
	transform:rotate(150deg)}.sk-fading-circle .sk-circle7{
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)}.sk-fading-circle .sk-circle8{
	-webkit-transform:rotate(210deg);
	-ms-transform:rotate(210deg);
	transform:rotate(210deg)}.sk-fading-circle .sk-circle9{
	-webkit-transform:rotate(240deg);
	-ms-transform:rotate(240deg);
	transform:rotate(240deg)}.sk-fading-circle .sk-circle10{
	-webkit-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg)}.sk-fading-circle .sk-circle11{
	-webkit-transform:rotate(300deg);
	-ms-transform:rotate(300deg);
	transform:rotate(300deg)}.sk-fading-circle .sk-circle12{
	-webkit-transform:rotate(330deg);
	-ms-transform:rotate(330deg);
	transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{
	-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{
	-webkit-animation-delay:-1s;
	animation-delay:-1s}.sk-fading-circle .sk-circle4:before{
	-webkit-animation-delay:-.9s;
	animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{
	-webkit-animation-delay:-.8s;
	animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{
	-webkit-animation-delay:-.7s;
	animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{
	-webkit-animation-delay:-.6s;
	animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{
	-webkit-animation-delay:-.5s;
	animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{
	-webkit-animation-delay:-.4s;
	animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{
	-webkit-animation-delay:-.3s;
	animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{
	-webkit-animation-delay:-.2s;
	animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{
	-webkit-animation-delay:-.1s;
	animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{
	0%,100%,39%{
	opacity:0}40%{
	opacity:1}}@keyframes sk-circleFadeDelay{
	0%,100%,39%{
	opacity:0}40%{
	opacity:1}}.tab-anything.material label{
	border-left:0;
	border-right:0}.tab-anything.material[data-detached="0"] label.btn{
	margin-right:-1px}/* SmallPotato CMS - Region */.smallpotato-ph-slim {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0 0 8px;
		padding: 2px 2px 0;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
		line-height: 1.35;
}
.smallpotato-ph-slim.smallpotato-ph-end {
		margin: 8px 0 0;
		padding: 0 2px 2px;
}
.smallpotato-ph-rule {
		flex: 1 1 auto;
		border-top: 2px dashed #b9d0ff;
}
.smallpotato-ph-tag {
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 3px 4px 3px 11px;
		border: 1px solid #b9d0ff;
		border-radius: 999px;
		background: #eef4ff;
		color: #2f6df6;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .1em;
		text-transform: uppercase;
}
.smallpotato-ph-tag svg {
		width: 13px;
		height: 13px;
		display: block;
}
.smallpotato-ph-key {
		display: inline-block;
		padding: 1px 8px;
		border: 1px solid #b9d0ff;
		border-radius: 999px;
		background: #ffffff;
		color: #2f6df6;
		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
}
.smallpotato-ph-mode {
		display: inline-block;
		padding: 1px 8px;
		border-radius: 999px;
		background: #2f6df6;
		color: #ffffff;
		font-weight: 600;
		letter-spacing: .04em;
		text-transform: none;
}
.smallpotato-region[data-smallpotato-key=""] > .smallpotato-ph-slim .smallpotato-ph-mode {
		background: #c62828;
}
.smallpotato-region[data-smallpotato-key=""] > .smallpotato-ph-slim .smallpotato-ph-rule {
		border-top-color: #f3b4b4;
}
.smallpotato-region[data-smallpotato-key=""] > .smallpotato-ph-slim .smallpotato-ph-tag {
		border-color: #f3b4b4;
		background: #fdeeee;
		color: #c62828;
}
.smallpotato-region[data-smallpotato-key=""] > .smallpotato-ph-slim .smallpotato-ph-key {
		border-color: #f3b4b4;
		color: #c62828;
}
custombric[custom-bric-name="SmallPotato-Region"] .smallpotato-region {
	 position: relative;
	 }custombric[custom-bric-name="SmallPotato-Region"] .smallpotato-region::before {
		content: "";
		position: absolute;
		top: 14px;
		bottom: 2px;
		left: 0;
		right: 0;
		border-left: 2px dashed #b9d0ff;
		border-right: 2px dashed #b9d0ff;
		pointer-events: none;
}
custombric[custom-bric-name="SmallPotato-Region"] .smallpotato-region[data-smallpotato-key=""]::before {
	 border-color: #f3b4b4;
	 }custombric[custom-bric-name="SmallPotato-Region"] .smallpotato-region > [custom-bric-container] {
	 margin: 0 12px;
	 }custombric[custom-bric-name="SmallPotato-Region"] .smallpotato-region > .smallpotato-ph-slim {
	 position: relative;
	 z-index: 1;
	 }.smallpotato-region + bric-php-snippet,bric-php-snippet:has(+ .smallpotato-region),custombric[custom-bric-name="SmallPotato-Region"] > bric-php-snippet {
		display: none !important;
}
/* Same key as a region inside it (see checkSmallPotatoKeyClash). */.smallpotato-ph-tag.smallpotato-ph-clash {
		border-color: #f0c36d;
		background: #fff6e0;
		color: #9a5b00;
}
.smallpotato-ph-clashnote {
		display: inline-block;
		padding: 1px 8px;
		border-radius: 999px;
		background: #9a5b00;
		color: #ffffff;
		font-weight: 600;
		letter-spacing: 0;
		text-transform: none;
}
img.sp-img {
	 display: block;
	 height: auto;
	 max-width: 100%;
	 }figure.sp-figure {
	 display: block;
	 max-width: 100%;
	 margin: 0 0 1em;
	 }figure.sp-figure > img.sp-img {
	 width: 100%;
	 margin: 0;
	 }figure.sp-figure > figcaption {
	 margin-top: 0.5em;
	 font-size: 0.875em;
	 line-height: 1.4;
	 opacity: 0.75;
	 }figure.sp-img-center > figcaption {
	 text-align: center;
	 }img.sp-img-center, figure.sp-img-center {
	 margin: 0 auto 1em;
	 }img.sp-img-left, figure.sp-img-left {
	 float: left;
	 margin: 0.25em 1.25em 1em 0;
	 }img.sp-img-right, figure.sp-img-right {
	 float: right;
	 margin: 0.25em 0 1em 1.25em;
	 }img.sp-img-s, figure.sp-img-s {
	 width: 33%;
	 }img.sp-img-m, figure.sp-img-m {
	 width: 66%;
	 }img.sp-img-l, figure.sp-img-l {
	 width: 100%;
	 }img.sp-img-l.sp-img-left, figure.sp-img-l.sp-img-left,img.sp-img-l.sp-img-right, figure.sp-img-l.sp-img-right {
	 float: none;
	 margin: 0 0 1em;
	 }.smallpotato-region::after {
	 content: "";
	 display: table;
	 clear: both;
	 }@media (max-width: 575px) {
		img.sp-img-left, img.sp-img-right, figure.sp-img-left, figure.sp-img-right {
	 float: none;
	 margin: 0 auto 1em;
	 }	img.sp-img-s, img.sp-img-m, figure.sp-img-s, figure.sp-img-m {
	 width: 100%;
	 }}img.sp-img-rounded {
	 border-radius: 12px;
	 }img.sp-img-shadow {
	 box-shadow: 0 6px 20px rgba(0,0,0,0.18);
	 }img.sp-img-border {
	 border: 1px solid rgba(0,0,0,0.15);
	 padding: 4px;
	 background: rgba(255,255,255,1);
	 }/* sp-table:start - generated by tools/editor-build from src/tables.mjs */table.sp-table {
	 width: 100%;
	 margin-bottom: 1rem;
	 border-collapse: collapse;
	 color: inherit;
	 background-color: transparent;
	 --sp-t-line: rgba(0,0,0,0.12);
	 --sp-t-strong: rgba(0,0,0,0.25);
	 --sp-t-stripe: rgba(0,0,0,0.04);
	 --sp-t-light: rgba(0,0,0,0.06);
	 }@supports (color: color-mix(in srgb, red 50%, transparent)) {
		table.sp-table {
	 --sp-t-line: color-mix(in srgb, currentColor 15%, transparent);
	 --sp-t-strong: color-mix(in srgb, currentColor 35%, transparent);
	 --sp-t-stripe: color-mix(in srgb, currentColor 5%, transparent);
	 --sp-t-light: color-mix(in srgb, currentColor 8%, transparent);
	 }}table.sp-table th, table.sp-table td {
	 padding: 0.75rem;
	 border: 0;
	 border-top: 1px solid var(--sp-t-line);
	 vertical-align: top;
	 text-align: left;
	 background-color: transparent;
	 color: inherit;
	 box-shadow: none;
	 }table.sp-table tr:first-child > th {
	 border-top: 0;
	 border-bottom: 2px solid var(--sp-t-strong);
	 font-weight: 600;
	 }table.sp-table tr:last-child > td {
	 border-bottom: 1px solid var(--sp-t-line);
	 }table.sp-table th p, table.sp-table td p {
	 margin: 0;
	 }table.sp-table th p:empty, table.sp-table td p:empty {
	 min-height: 1.5em;
	 }table.sp-table.sp-table-striped tr:nth-child(even) > td {
	 background-color: var(--sp-t-stripe);
	 }table.sp-table.sp-table-grid th, table.sp-table.sp-table-grid td {
	 border: 1px solid var(--sp-t-line);
	 }table.sp-table.sp-table-head-light tr:first-child > th {
	 background-color: var(--sp-t-light);
	 }table.sp-table.sp-table-head-dark tr:first-child > th {
	 background-color: rgba(33,37,41,1);
	 color: rgba(255,255,255,1);
	 border-color: rgba(33,37,41,1);
	 }table.sp-table.sp-table-head-site tr:first-child > th {
	 background-color: var(--bs-primary, rgba(13,110,253,1));
	 color: rgba(255,255,255,1);
	 border-color: var(--bs-primary, rgba(13,110,253,1));
	 }@media (max-width: 767px) {
		table.sp-table {
	 display: block;
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
	 }	/* The scroll box is a block;
	 the rows inside stay a full-width table, wider only when the content needs it. */	table.sp-table > tbody {
	 display: table;
	 width: 100%;
	 box-sizing: border-box;
	 }}/* sp-table:end *//* SmallPotato CMS - Recent Posts */.smallpotato-recent-list {
		display: grid;
		grid-template-columns: repeat(var(--sp-recent-cols, 1), minmax(0, 1fr));
		gap: 16px 24px;
		margin: 0;
		padding: 0;
		list-style: none;
}
@media (max-width: 991px) {
		.smallpotato-recent-list {
	 grid-template-columns: repeat(var(--sp-recent-cols-t, 1), minmax(0, 1fr));
	 }}@media (max-width: 575px) {
		.smallpotato-recent-list {
	 grid-template-columns: minmax(0, 1fr);
	 }}.smallpotato-recent-item {
		display: flex;
		flex-direction: column;
		gap: 6px;
		min-width: 0;
		margin: 0;
}
.smallpotato-recent-text {
		display: flex;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
}
.smallpotato-recent-title {
		font-weight: 600;
		line-height: 1.3;
		text-decoration: none;
		overflow-wrap: anywhere;
}
a.smallpotato-recent-title:hover,a.smallpotato-recent-title:focus-visible {
	 text-decoration: underline;
	 }.smallpotato-recent-date {
	 font-size: 0.85em;
	 opacity: 0.7;
	 }.smallpotato-recent-excerpt {
	 margin: 2px 0 0;
	 font-size: 0.9em;
	 line-height: 1.45;
	 opacity: 0.85;
	 }.smallpotato-recent-image {
	 display: block;
	 }.smallpotato-recent-image img {
	 display: block;
	 width: 100%;
	 height: auto;
	 object-fit: cover;
	 border-radius: 6px;
	 }.smallpotato-recent-empty {
	 margin: 0;
	 opacity: 0.75;
	 }/* With thumbnails: a small square picture beside the text. */.sp-recent-thumbs .smallpotato-recent-item {
	 flex-direction: row;
	 align-items: flex-start;
	 gap: 12px;
	 }.sp-recent-thumbs .smallpotato-recent-image {
	 flex: 0 0 72px;
	 }.sp-recent-thumbs .smallpotato-recent-image img {
	 width: 72px;
	 height: 72px;
	 }/* Image on top: a wide picture above the text. */.sp-recent-cards .smallpotato-recent-image img {
	 aspect-ratio: 16 / 9;
	 }/* Lines between posts. */.sp-recent-lines .smallpotato-recent-item {
	 padding-bottom: 16px;
	 border-bottom: 1px solid rgba(128,128,128,0.3);
	 }.smallpotato-recent-ph {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0 0 8px;
		padding: 2px 2px 0;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
		line-height: 1.35;
}
.smallpotato-recent-ph.smallpotato-recent-ph-end {
	 margin: 8px 0 0;
	 padding: 0 2px 2px;
	 }.smallpotato-recent-ph-rule {
	 flex: 1 1 auto;
	 border-top: 2px dashed #b9d0ff;
	 }.smallpotato-recent-ph-tag {
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 3px 4px 3px 11px;
		border: 1px solid #b9d0ff;
		border-radius: 999px;
		background: #eef4ff;
		color: #2f6df6;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .1em;
		text-transform: uppercase;
}
.smallpotato-recent-ph-tag svg {
	 width: 13px;
	 height: 13px;
	 display: block;
	 }.smallpotato-recent-ph-info {
		display: inline-block;
		padding: 1px 8px;
		border: 1px solid #b9d0ff;
		border-radius: 999px;
		background: #ffffff;
		color: #2f6df6;
		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
}
.smallpotato-recent-ph-mode {
		display: inline-block;
		padding: 1px 8px;
		border-radius: 999px;
		background: #2f6df6;
		color: #ffffff;
		font-weight: 600;
		letter-spacing: .04em;
		text-transform: none;
}
.smallpotato-recent-ph-img {
	 display: block;
	 width: 100%;
	 aspect-ratio: 16 / 9;
	 border-radius: 6px;
	 background: linear-gradient(135deg, #dfe8f7, #c6d5ef);
	 }.sp-recent-thumbs .smallpotato-recent-ph-img {
	 width: 72px;
	 height: 72px;
	 aspect-ratio: auto;
	 }.smallpotato-recent-sample.sp-recent-titles .smallpotato-recent-image,.smallpotato-recent-sample.sp-recent-nodate .smallpotato-recent-date,.smallpotato-recent-sample:not(.sp-recent-excerpt) .smallpotato-recent-excerpt {
	 display: none;
	 }.smallpotato-recent-sample .smallpotato-recent-title {
	 color: #2f6df6;
	 }custombric[custom-bric-name="SmallPotato-Recent-Posts"] [data-smallpotato-recent-list] {
	 display: none;
	 }custombric[custom-bric-name="SmallPotato-Recent-Posts"] .smallpotato-recent {
	 position: relative;
	 }custombric[custom-bric-name="SmallPotato-Recent-Posts"] .smallpotato-recent::before {
		content: "";
		position: absolute;
		top: 14px;
		bottom: 2px;
		left: 0;
		right: 0;
		border-left: 2px dashed #b9d0ff;
		border-right: 2px dashed #b9d0ff;
		pointer-events: none;
}
custombric[custom-bric-name="SmallPotato-Recent-Posts"] .smallpotato-recent > :not(.smallpotato-recent-ph) {
	 margin-left: 12px;
	 margin-right: 12px;
	 }custombric[custom-bric-name="SmallPotato-Recent-Posts"] .smallpotato-recent-ph {
	 position: relative;
	 z-index: 1;
	 }.smallpotato-recent + bric-php-snippet,bric-php-snippet:has(+ .smallpotato-recent),custombric[custom-bric-name="SmallPotato-Recent-Posts"] > bric-php-snippet {
		display: none !important;
}
/* SmallPotato CMS - Posts list */.smallpotato-posts {
		display: grid;
		grid-template-columns: repeat(var(--sp-posts-cols, 3), minmax(0, 1fr));
		gap: var(--sp-posts-gap, 24px);
}
@media (max-width: 991px) {
		.smallpotato-posts {
	 grid-template-columns: repeat(var(--sp-posts-cols-t, 2), minmax(0, 1fr));
	 }}@media (max-width: 575px) {
		.smallpotato-posts {
	 grid-template-columns: repeat(var(--sp-posts-cols-p, 1), minmax(0, 1fr));
	 }}/* Everything that is not a card spans the whole row. */.smallpotato-posts > :not([custom-bric-container]) {
	 grid-column: 1 / -1;
	 }/* Each post is one card. */.smallpotato-posts > [custom-bric-container] {
		display: flex;
		flex-direction: column;
		min-width: 0;
		padding: var(--sp-posts-pad, 0px);
		border-radius: var(--sp-posts-radius, 6px);
		background: var(--sp-posts-bg, transparent);
		overflow: hidden;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.smallpotato-posts[data-sp-posts-card="1"] > [custom-bric-container],.smallpotato-posts[data-sp-posts-card="3"] > [custom-bric-container] {
	 border: 1px solid var(--sp-posts-border, rgba(0,0,0,0.12));
	 }.smallpotato-posts[data-sp-posts-card="2"] > [custom-bric-container],.smallpotato-posts[data-sp-posts-card="3"] > [custom-bric-container] {
	 box-shadow: 0 6px 20px rgba(0,0,0,0.08);
	 }.smallpotato-posts[data-sp-posts-hover="1"] > [custom-bric-container]:hover {
	 transform: translateY(-4px);
	 box-shadow: 0 14px 30px rgba(0,0,0,0.14);
	 }.smallpotato-posts[data-sp-posts-hover="2"] > [custom-bric-container]:hover {
	 box-shadow: 0 14px 30px rgba(0,0,0,0.16);
	 }@media (prefers-reduced-motion: reduce) {
		.smallpotato-posts > [custom-bric-container] {
	 transition: none;
	 }	.smallpotato-posts[data-sp-posts-hover="1"] > [custom-bric-container]:hover {
	 transform: none;
	 }}.smallpotato-posts[data-sp-posts-bottom="1"] > [custom-bric-container] > :last-child {
	 margin-top: auto;
	 }.smallpotato-posts[data-sp-posts-flush="1"] > [custom-bric-container] > :first-child:is(.smallpotato-post-field[data-sp-post-field="1"], :has(> .smallpotato-post-field[data-sp-post-field="1"]), .sp-post-image, :has(.sp-post-image)) {
		margin: calc(-1 * var(--sp-posts-pad, 0px)) calc(-1 * var(--sp-posts-pad, 0px)) var(--sp-posts-pad, 0px);
}
.smallpotato-posts[data-sp-posts-flush="1"] > [custom-bric-container] > :first-child:is(.smallpotato-post-field[data-sp-post-field="1"], :has(> .smallpotato-post-field[data-sp-post-field="1"]), .sp-post-image, :has(.sp-post-image)) img {
	 display: block;
	 width: 100%;
	 border-radius: 0;
	 }.smallpotato-posts-empty {
	 margin: 0;
	 opacity: 0.75;
	 }.smallpotato-gallery {
	 display: grid;
	 grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	 gap: 12px;
	 }.smallpotato-gallery-item {
	 margin: 0;
	 min-width: 0;
	 }.smallpotato-gallery-item img {
	 display: block;
	 width: 100%;
	 aspect-ratio: 4 / 3;
	 object-fit: cover;
	 border-radius: 6px;
	 }.smallpotato-gallery-item figcaption {
	 margin-top: 6px;
	 font-size: 0.875em;
	 line-height: 1.4;
	 opacity: 0.75;
	 }.smallpotato-posts-pager {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 gap: 12px;
	 margin-top: 4px;
	 }.smallpotato-posts-page {
	 opacity: 0.7;
	 font-size: 0.9em;
	 }.smallpotato-posts-ph {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0 0 8px;
		padding: 2px 2px 0;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
		line-height: 1.35;
}
.smallpotato-posts-ph.smallpotato-posts-ph-end {
		margin: 8px 0 0;
		padding: 0 2px 2px;
}
.smallpotato-posts-ph-rule {
		flex: 1 1 auto;
		border-top: 2px dashed #b9d0ff;
}
.smallpotato-posts-ph-tag {
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 3px 4px 3px 11px;
		border: 1px solid #b9d0ff;
		border-radius: 999px;
		background: #eef4ff;
		color: #2f6df6;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .1em;
		text-transform: uppercase;
}
.smallpotato-posts-ph-tag svg {
		width: 13px;
		height: 13px;
		display: block;
}
.smallpotato-posts-ph-info {
		display: inline-block;
		padding: 1px 8px;
		border: 1px solid #b9d0ff;
		border-radius: 999px;
		background: #ffffff;
		color: #2f6df6;
		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
}
.smallpotato-posts-ph-mode {
		display: inline-block;
		padding: 1px 8px;
		border-radius: 999px;
		background: #2f6df6;
		color: #ffffff;
		font-weight: 600;
		letter-spacing: .04em;
		text-transform: none;
}
custombric[custom-bric-name="SmallPotato-Posts"] .smallpotato-posts {
	 display: block;
	 }custombric[custom-bric-name="SmallPotato-Posts"] .smallpotato-posts > [custom-bric-container] {
		display: block;
		overflow: visible;
		transition: none;
}
custombric[custom-bric-name="SmallPotato-Posts"] .smallpotato-posts > [custom-bric-container]:hover {
	 transform: none;
	 }custombric[custom-bric-name="SmallPotato-Posts"] .smallpotato-posts {
	 position: relative;
	 }custombric[custom-bric-name="SmallPotato-Posts"] .smallpotato-posts::before {
		content: "";
		position: absolute;
		top: 14px;
		bottom: 2px;
		left: 0;
		right: 0;
		border-left: 2px dashed #b9d0ff;
		border-right: 2px dashed #b9d0ff;
		pointer-events: none;
}
custombric[custom-bric-name="SmallPotato-Posts"] .smallpotato-posts > [custom-bric-container] {
	 margin: 0 12px;
	 }custombric[custom-bric-name="SmallPotato-Posts"] .smallpotato-posts-ph {
	 position: relative;
	 z-index: 1;
	 }custombric[custom-bric-name="SmallPotato-Posts"] [class*="sp-post-"] {
	 outline: 1px dashed rgba(47,109,246,0.6);
	 outline-offset: 2px;
	 }.smallpotato-posts + bric-php-snippet,bric-php-snippet:has(+ .smallpotato-posts),custombric[custom-bric-name="SmallPotato-Posts"] > bric-php-snippet {
		display: none !important;
}
/* SmallPotato CMS - Post Field */.smallpotato-post-field {
	 position: relative;
	 }custombric[custom-bric-name="SmallPotato-Post-Field"] {
	 display: block;
	 margin: 20px 0;
	 }.smallpotato-post-field-tag {
	 position: absolute;
	 top: -18px;
	 right: 4px;
	 z-index: 5;
	 padding: 0 7px;
	 border-radius: 999px;
	 background: rgba(47,109,246,1);
	 color: rgba(255,255,255,1);
	 font: 600 10px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	 pointer-events: none;
	 white-space: nowrap;
	 }.smallpotato-post-field-player {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 margin: 6px 0 10px;
	 padding: 8px 14px 8px 8px;
	 border-radius: var(--sp-player-radius, 999px);
	 background: var(--sp-player-bg, rgba(127,127,127,0.12));
	 color: var(--sp-player-text, rgba(33,37,41,1));
	 font: 600 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	 }.smallpotato-post-field-player .spf-play {
	 flex: 0 0 auto;
	 position: relative;
	 width: 38px;
	 height: 38px;
	 border-radius: 50%;
	 background: var(--sp-player-accent, rgba(47,109,246,1));
	 }.smallpotato-post-field-player .spf-play:after {
	 content: "";
	 position: absolute;
	 left: 15px;
	 top: 12px;
	 border-style: solid;
	 border-width: 7px 0 7px 12px;
	 border-color: transparent transparent transparent rgba(255,255,255,1);
	 }.smallpotato-post-field-player .spf-time {
	 flex: 0 0 auto;
	 opacity: .85;
	 }.smallpotato-post-field-player .spf-bar {
	 flex: 1 1 auto;
	 height: 6px;
	 border-radius: 999px;
	 background: rgba(127,127,127,0.3);
	 overflow: hidden;
	 }.smallpotato-post-field-player .spf-bar span {
	 display: block;
	 width: 35%;
	 height: 100%;
	 background: var(--sp-player-accent, rgba(47,109,246,1));
	 }.smallpotato-post-field-player.is-native {
	 filter: grayscale(1);
	 opacity: .6;
	 }/* SmallPotato CMS - Admin (scoped to .smallpotato-admin) */.smallpotato-admin {
		--sp-ink: rgba(33,37,41,1);
		--sp-muted: rgba(108,117,125,1);
		--sp-line: rgba(222,226,230,1);
		--sp-accent: rgba(47,109,246,1);
		--sp-warn: rgba(198,40,40,1);
		--sp-paper: rgba(255,255,255,1);
		--sp-field: rgba(255,255,255,1);
		--sp-bar: rgba(248,249,250,1);
		max-width: 960px;
		margin: 0 auto;
}
/* Appearance: width (editing screens), compact entry screens, theme. */.smallpotato-admin[data-smallpotato-admin-width="1"] {
	 max-width: 1280px;
	 }.smallpotato-admin[data-smallpotato-admin-width="2"] {
	 max-width: none;
	 }.smallpotato-admin.is-compact {
	 max-width: 440px;
	 }.smallpotato-admin-app {
		font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
		text-align: left;
		background: var(--sp-paper);
		color: var(--sp-ink);
		border: 1px solid var(--sp-line);
		border-radius: 14px;
		padding: 18px 22px 22px;
}
.smallpotato-admin-header {
	 margin: 0 0 14px;
	 text-align: center;
	 }.smallpotato-admin-header[hidden] {
	 display: none !important;
	 }.smallpotato-admin [hidden] {
	 display: none !important;
	 }.smallpotato-admin-heading {
	 margin: 0 0 4px;
	 font-size: 13px;
	 font-weight: 600;
	 letter-spacing: .06em;
	 text-transform: uppercase;
	 color: var(--sp-muted);
	 }.smallpotato-admin[data-smallpotato-admin-theme="2"] {
		--sp-ink: rgba(232,237,246,1);
		--sp-muted: rgba(154,167,189,1);
		--sp-line: rgba(44,59,87,1);
		--sp-paper: rgba(22,35,61,1);
		--sp-field: rgba(14,24,44,1);
		--sp-bar: rgba(29,44,74,1);
}
@media (prefers-color-scheme: dark) {
		.smallpotato-admin[data-smallpotato-admin-theme="0"] {
			--sp-ink: rgba(232,237,246,1);
			--sp-muted: rgba(154,167,189,1);
			--sp-line: rgba(44,59,87,1);
			--sp-paper: rgba(22,35,61,1);
			--sp-field: rgba(14,24,44,1);
			--sp-bar: rgba(29,44,74,1);
	}
}/* Canvas card (remove-on-export), SignMe style. */.smallpotato-ph {
		display: flex;
		align-items: center;
		gap: 14px;
		padding: 16px 18px;
		border: 1px solid #b9d0ff;
		border-radius: 12px;
		background: #eef4ff;
		color: #1b2c4b;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
		line-height: 1.35;
}
.smallpotato-ph-icon {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		border-radius: 10px;
		background: #ffffff;
		border: 1px solid #d8e5ff;
		color: #2f6df6;
}
.smallpotato-ph-icon svg {
	 width: 22px;
	 height: 22px;
	 display: block;
	 }.smallpotato-ph-body {
	 flex: 1 1 auto;
	 min-width: 0;
	 }.smallpotato-ph-eyebrow {
		display: block;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .14em;
		text-transform: uppercase;
		color: #2f6df6;
		margin-bottom: 2px;
}
.smallpotato-ph-title {
		display: block;
		font-size: 15px;
		font-weight: 700;
		color: #16233d;
}
.smallpotato-ph-meta {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 6px;
		margin-top: 7px;
		font-size: 11px;
		color: #5b6b8a;
}
.smallpotato-ph-pill {
		display: inline-block;
		padding: 2px 9px;
		border: 1px solid #b9d0ff;
		border-radius: 999px;
		background: #ffffff;
		color: #2f6df6;
		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
		font-size: 11px;
		white-space: nowrap;
}
.smallpotato-ph-pill.is-missing {
		border-color: #f3b4b4;
		background: #fdeeee;
		color: #c62828;
}
.smallpotato-ph-pill.smallpotato-admin-canvas-demo {
		border-color: #f0c36d;
		background: #fff6e0;
		color: #9a5b00;
}
.smallpotato-ph-note {
	 font-size: 11px;
	 color: #6b7a99;
	 }.smallpotato-admin-bar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px 0 12px;
		border-bottom: 1px solid var(--sp-line);
		margin-bottom: 16px;
}
.smallpotato-admin-app > h2 {
	 font-size: 22px;
	 margin: 0 0 12px;
	 }.smallpotato-admin-app > h3 {
	 font-size: 17px;
	 margin: 24px 0 8px;
	 }.smallpotato-admin-msg {
	 min-height: 0;
	 }.smallpotato-admin-msg.is-ok,.smallpotato-admin-msg.is-error,.smallpotato-admin-msg.is-info {
		padding: 8px 12px;
		border-radius: 6px;
		margin-bottom: 12px;
}
/* Success is always green: the accent colour may be red or orange. */.smallpotato-admin-msg.is-ok {
	 background: rgba(232,245,233,1);
	 color: rgba(46,125,50,1);
	 }.smallpotato-admin-msg.is-error {
	 background: rgba(255,235,238,1);
	 color: var(--sp-warn);
	 }.smallpotato-admin-warn {
	 color: var(--sp-warn);
	 }.smallpotato-admin-demo {
		display: flex;
		gap: 10px;
		align-items: baseline;
		padding: 10px 14px;
		margin-bottom: 16px;
		border: 1px solid rgba(240,195,109,1);
		border-radius: 8px;
		background: rgba(255,246,224,1);
		color: rgba(102,62,0,1);
		font-size: 14px;
}
.smallpotato-admin-demo strong {
		flex: 0 0 auto;
		padding: 1px 9px;
		border-radius: 999px;
		background: rgba(154,91,0,1);
		color: rgba(255,255,255,1);
		font-size: 11px;
		letter-spacing: .06em;
		text-transform: uppercase;
}
.smallpotato-admin-demologin {
		max-width: 360px;
		padding: 18px 20px;
		margin-bottom: 24px;
		border: 1px solid var(--sp-line);
		border-radius: 10px;
}
.smallpotato-admin-demologin h2 {
	 font-size: 20px;
	 margin: 0 0 6px;
	 }.smallpotato-admin-demologin p {
	 margin: 0 0 14px;
	 }.smallpotato-admin-demologin button {
	 width: 100%;
	 }.smallpotato-admin-form {
	 display: grid;
	 gap: 12px;
	 max-width: 360px;
	 }.smallpotato-admin.is-compact .smallpotato-admin-form,.smallpotato-admin.is-compact .smallpotato-admin-demologin {
	 max-width: none;
	 }.smallpotato-admin-form > h3,.smallpotato-admin-form > .smallpotato-admin-hint,.smallpotato-admin-form > .smallpotato-admin-warn {
	 margin: 0;
	 }.smallpotato-admin-app h3 {
	 font-size: 17px;
	 margin: 28px 0 10px;
	 }.smallpotato-admin-form > h3:first-child {
	 margin-top: 28px;
	 }.smallpotato-admin-form > .smallpotato-admin-actions {
	 margin: 0;
	 }.smallpotato-admin-form label,.smallpotato-admin-editor {
	 display: grid;
	 gap: 4px;
	 font-weight: 600;
	 font-size: 13px;
	 }.smallpotato-admin input,.smallpotato-admin textarea,.smallpotato-admin-form select {
		font: inherit;
		font-weight: 400;
		padding: 8px 10px;
		border: 1px solid var(--sp-line);
		background: var(--sp-field);
		color: var(--sp-ink);
		border-radius: 6px;
		width: 100%;
		box-sizing: border-box;
}
.smallpotato-admin textarea {
	 font-family: ui-monospace, Menlo, monospace;
	 font-size: 13px;
	 }.smallpotato-admin select {
		-webkit-appearance: none;
		appearance: none;
		font: inherit;
		font-weight: 400;
		line-height: inherit;
		width: 100%;
		box-sizing: border-box;
		padding: 8px 36px 8px 10px;
		border: 1px solid var(--sp-line);
		border-radius: 6px;
		background-color: var(--sp-field);
		color: var(--sp-ink);
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'></path></svg>");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 12px 8px;
		cursor: pointer;
}
.smallpotato-admin button {
		font: inherit;
		padding: 8px 14px;
		border: 1px solid var(--sp-line);
		border-radius: 6px;
		background: var(--sp-field);
		color: var(--sp-ink);
		cursor: pointer;
}
.smallpotato-admin button.is-primary,.smallpotato-admin-form button {
	 background: var(--sp-accent);
	 border-color: var(--sp-accent);
	 color: rgba(255,255,255,1);
	 }.smallpotato-admin button:disabled {
	 opacity: 0.5;
	 cursor: default;
	 }.smallpotato-admin button.smallpotato-admin-link {
		padding: 0;
		border: 0;
		background: none;
		color: var(--sp-accent);
		text-decoration: underline;
}
.smallpotato-admin-actions {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 8px;
	 margin: 12px 0;
	 }.smallpotato-admin-table {
	 width: 100%;
	 border-collapse: collapse;
	 }.smallpotato-admin-table th,.smallpotato-admin-table td {
	 padding: 8px;
	 border-bottom: 1px solid var(--sp-line);
	 vertical-align: top;
	 font-size: 14px;
	 }.smallpotato-admin-table th {
	 text-align: left;
	 color: var(--sp-muted);
	 font-weight: 600;
	 }.smallpotato-admin-tag {
		display: inline-block;
		padding: 1px 8px;
		border-radius: 10px;
		font-size: 12px;
		background: rgba(241,243,245,1);
		color: var(--sp-muted);
}
.smallpotato-admin-tag.is-edited {
	 background: rgba(232,245,233,1);
	 color: rgba(46,125,50,1);
	 }.smallpotato-admin-tag.is-draft {
	 background: rgba(255,243,224,1);
	 color: rgba(178,94,0,1);
	 }.smallpotato-admin-tag.is-stale {
	 background: rgba(255,235,238,1);
	 color: var(--sp-warn);
	 }.smallpotato-admin-default {
	 margin-top: 12px;
	 }.smallpotato-admin-default > div {
	 border: 1px dashed var(--sp-line);
	 padding: 12px;
	 margin-top: 8px;
	 }.smallpotato-admin-history {
	 padding-left: 20px;
	 }.smallpotato-admin-history li {
	 margin: 4px 0;
	 }.smallpotato-admin-modebar {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 gap: 10px;
	 margin: 12px 0 8px;
	 }.smallpotato-admin-hint {
	 font-size: 13px;
	 color: var(--sp-muted);
	 flex: 1 1 240px;
	 }.smallpotato-admin-note {
	 font-size: 13px;
	 padding: 8px 12px;
	 border-radius: 6px;
	 background: rgba(255,243,224,1);
	 color: rgba(138,74,0,1);
	 }.smallpotato-admin-edithost {
	 margin-bottom: 4px;
	 --sp-ed-paper: var(--sp-editor-bg, rgba(255,255,255,1));
	 }.smallpotato-admin-edithost .sp-ed-text {
	 padding: 16px;
	 border: 1px solid var(--sp-line);
	 border-radius: 0 0 8px 8px;
	 }.smallpotato-admin-edithost .sp-ed-text,.smallpotato-admin-edithost .ProseMirror,.smallpotato-admin-default > div {
	 background: var(--sp-editor-bg, rgba(255,255,255,1));
	 }.smallpotato-admin-edithost .ProseMirror,.smallpotato-admin-edithost .sp-ed-text {
	 text-align: left;
	 }.smallpotato-admin-app a.smallpotato-admin-pagelink {
	 color: var(--sp-ink);
	 text-decoration: underline;
	 text-underline-offset: 2px;
	 }.smallpotato-admin-app a.smallpotato-admin-pagelink:hover {
	 color: var(--sp-accent);
	 }.smallpotato-admin-forgot {
	 margin: 12px 0 0;
	 font-size: 13px;
	 }.smallpotato-admin-or {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 margin: 16px 0 12px;
	 color: var(--sp-muted);
	 font-size: 13px;
	 }.smallpotato-admin-or:before, .smallpotato-admin-or:after {
	 content: "";
	 flex: 1 1 auto;
	 border-top: 1px solid var(--sp-line);
	 }.smallpotato-admin button.smallpotato-admin-passkey {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 8px;
	 width: 100%;
	 }.smallpotato-admin [data-sp="passkey-add"] {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 }.smallpotato-admin-passkeys {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 display: grid;
	 gap: 8px;
	 }.smallpotato-admin-passkeys li {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 padding: 8px 10px;
	 border: 1px solid var(--sp-line);
	 border-radius: 8px;
	 font-size: 13px;
	 }.smallpotato-admin-passkeys li > div {
	 flex: 1 1 auto;
	 min-width: 0;
	 }.smallpotato-admin-passkey-icon {
	 flex: 0 0 auto;
	 display: grid;
	 place-items: center;
	 width: 34px;
	 height: 34px;
	 border-radius: 50%;
	 background: rgba(47,109,246,0.12);
	 color: var(--sp-accent);
	 }.smallpotato-admin-tabs {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 6px;
	 margin: 0 0 14px;
	 }.smallpotato-admin-tabs button[aria-pressed="true"] {
	 background: var(--sp-accent);
	 border-color: var(--sp-accent);
	 color: rgba(255,255,255,1);
	 }.smallpotato-admin-section {
	 margin: 18px 0 0;
	 }.smallpotato-admin-section > summary {
	 cursor: pointer;
	 font-weight: 600;
	 color: var(--sp-muted);
	 }.smallpotato-admin-rowactions {
	 white-space: nowrap;
	 text-align: right;
	 }.smallpotato-admin button.smallpotato-admin-link.is-danger {
	 color: rgba(198,40,40,1);
	 }.smallpotato-admin button.smallpotato-admin-link:disabled {
	 color: var(--sp-muted);
	 text-decoration: none;
	 }.smallpotato-admin-sr {
	 position: absolute;
	 width: 1px;
	 height: 1px;
	 overflow: hidden;
	 clip: rect(0 0 0 0);
	 }.smallpotato-admin-upload {
	 display: inline-grid;
	 gap: 4px;
	 font-weight: 600;
	 }.smallpotato-admin-uploadrow {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 gap: 12px 16px;
	 margin: 0 0 20px;
	 }.smallpotato-admin-drop {
		position: relative;
		display: flex;
		align-items: center;
		gap: 12px;
		flex: 0 1 380px;
		padding: 14px 18px;
		border: 2px dashed var(--sp-line);
		border-radius: 10px;
		background: rgba(127,127,127,0.06);
		cursor: pointer;
		transition: border-color .15s, background-color .15s;
}
.smallpotato-admin-drop:hover,.smallpotato-admin-drop.is-over {
	 border-color: var(--sp-accent);
	 background: rgba(47,109,246,0.08);
	 }.smallpotato-admin-drop:focus-within {
	 outline: 2px solid var(--sp-accent);
	 outline-offset: 2px;
	 }.smallpotato-admin-drop input {
	 position: absolute;
	 inset: 0;
	 width: 100%;
	 height: 100%;
	 opacity: 0;
	 cursor: pointer;
	 }.smallpotato-admin-drop-icon {
	 flex: 0 0 auto;
	 display: grid;
	 place-items: center;
	 width: 40px;
	 height: 40px;
	 border-radius: 50%;
	 background: rgba(47,109,246,0.14);
	 color: var(--sp-accent);
	 }.smallpotato-admin-drop-text {
	 display: grid;
	 gap: 1px;
	 line-height: 1.3;
	 }.smallpotato-admin-drop-text strong {
	 font-weight: 600;
	 }.smallpotato-admin-drop-text span {
	 opacity: 0.7;
	 }.smallpotato-admin-uploadrow .smallpotato-admin-hint {
	 flex: 1 1 220px;
	 }.smallpotato-admin-medialist {
	 list-style: none;
	 margin: 12px 0 0;
	 padding: 0;
	 display: grid;
	 gap: 10px;
	 }.smallpotato-admin-media {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 padding: 8px;
	 border: 1px solid var(--sp-line);
	 border-radius: 8px;
	 font-size: 13px;
	 }.smallpotato-admin-media img {
	 width: 72px;
	 height: 54px;
	 object-fit: cover;
	 border-radius: 4px;
	 background: rgba(255,255,255,1);
	 flex: 0 0 auto;
	 }.smallpotato-admin-media > div {
	 flex: 1 1 auto;
	 min-width: 0;
	 overflow-wrap: anywhere;
	 }.smallpotato-admin-fileicon {
	 flex: 0 0 auto;
	 display: grid;
	 place-items: center;
	 align-content: center;
	 gap: 1px;
	 width: 72px;
	 height: 54px;
	 border-radius: 4px;
	 background: rgba(47,109,246,0.1);
	 color: var(--sp-accent);
	 font-size: 10px;
	 font-weight: 700;
	 letter-spacing: .06em;
	 }.smallpotato-admin-fileicon.is-pdf {
	 background: rgba(198,40,40,0.08);
	 color: rgba(198,40,40,1);
	 }.smallpotato-admin-postfile-current {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 margin: 6px 0;
	 font-size: 13px;
	 }.smallpotato-admin-postfile-current .smallpotato-admin-fileicon {
	 width: 56px;
	 height: 44px;
	 }.smallpotato-admin-postfile select {
	 max-width: 280px;
	 }.smallpotato-admin-fileupload {
	 position: relative;
	 display: inline-flex;
	 align-items: center;
	 padding: 6px 12px;
	 border: 1px solid var(--sp-line);
	 border-radius: 6px;
	 font-size: 14px;
	 font-weight: 400;
	 cursor: pointer;
	 }.smallpotato-admin-fileupload:hover {
	 border-color: var(--sp-accent);
	 }.smallpotato-admin-fileupload:focus-within {
	 outline: 2px solid var(--sp-accent);
	 outline-offset: 2px;
	 }.smallpotato-admin-fileupload input {
	 position: absolute;
	 inset: 0;
	 width: 100%;
	 height: 100%;
	 opacity: 0;
	 cursor: pointer;
	 }.smallpotato-admin-filemark {
	 display: inline-block;
	 padding: 0 6px;
	 border-radius: 4px;
	 background: rgba(127,127,127,0.14);
	 color: var(--sp-muted);
	 font-size: 11px;
	 font-weight: 700;
	 letter-spacing: .04em;
	 vertical-align: 1px;
	 }.smallpotato-admin-media audio {
	 display: block;
	 width: 100%;
	 max-width: 320px;
	 height: 32px;
	 margin-top: 6px;
	 }.smallpotato-admin-note code {
	 font-size: 12px;
	 }.smallpotato-admin-used {
	 color: var(--sp-muted);
	 }.smallpotato-admin-webp {
	 color: var(--sp-muted);
	 font-size: 0.92em;
	 }.smallpotato-admin-pwtools {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 14px;
	 font-size: 13px;
	 }.smallpotato-admin-banner {
	 padding: 8px 12px;
	 border-radius: 6px;
	 background: rgba(255,243,224,1);
	 color: rgba(138,74,0,1);
	 font-size: 14px;
	 }.smallpotato-admin-schedule {
	 display: grid;
	 gap: 10px;
	 max-width: 420px;
	 margin: 8px 0 14px;
	 padding: 12px;
	 border: 1px solid var(--sp-line);
	 border-radius: 8px;
	 }.smallpotato-admin-schedule label {
	 display: grid;
	 gap: 4px;
	 font-weight: 600;
	 font-size: 13px;
	 }.smallpotato-admin-schedule label.smallpotato-admin-check {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 }.smallpotato-admin-schedule label.smallpotato-admin-check input {
	 width: auto;
	 }.smallpotato-admin-form label.smallpotato-admin-check {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 }.smallpotato-admin-form label.smallpotato-admin-check input {
	 width: auto;
	 }.smallpotato-admin-schedule[hidden] {
	 display: none;
	 }/* Posts (step 3a): editor screen. */.smallpotato-admin-post {
	 display: grid;
	 gap: 14px;
	 }.smallpotato-admin-post .smallpotato-admin-post-title {
	 font-size: 22px;
	 font-weight: 600;
	 padding: 10px 12px;
	 }.smallpotato-admin-post-settings {
	 max-width: 560px;
	 }.smallpotato-admin-post-image img {
	 display: block;
	 max-width: 280px;
	 max-height: 180px;
	 margin: 6px 0;
	 border-radius: 8px;
	 border: 1px solid var(--sp-line);
	 object-fit: cover;
	 }/* Post editor: the gallery list. */.smallpotato-admin-gallery {
	 list-style: none;
	 margin: 8px 0;
	 padding: 0;
	 display: grid;
	 gap: 8px;
	 }.smallpotato-admin-gallery-item {
	 display: grid;
	 grid-template-columns: 72px minmax(0, 1fr) auto;
	 gap: 12px;
	 align-items: center;
	 padding: 8px;
	 border: 1px solid var(--sp-line);
	 border-radius: 8px;
	 }.smallpotato-admin-gallery-item img {
	 width: 72px;
	 height: 72px;
	 object-fit: cover;
	 border-radius: 6px;
	 display: block;
	 }.smallpotato-admin-gallery-fields {
	 display: grid;
	 gap: 6px;
	 }.smallpotato-admin-gallery-tools {
	 display: flex;
	 gap: 6px;
	 align-items: center;
	 }@media (max-width: 575px) {
		.smallpotato-admin-gallery-item {
	 grid-template-columns: 56px minmax(0, 1fr);
	 }	.smallpotato-admin-gallery-item img {
	 width: 56px;
	 height: 56px;
	 }	.smallpotato-admin-gallery-tools {
	 grid-column: 1 / -1;
	 }}.smallpotato-admin-notes {
	 margin: 0 0 16px;
	 padding: 10px 14px;
	 border-radius: 8px;
	 background: rgba(255,243,224,1);
	 color: rgba(138,80,0,1);
	 font-size: 14px;
	 }.smallpotato-admin-notes p {
	 margin: 4px 0;
	 }.smallpotato-admin-view {
	 margin-left: 6px;
	 font-size: 12px;
	 }.smallpotato-admin-serp {
	 max-width: 560px;
	 padding: 12px 14px;
	 border: 1px solid var(--sp-line);
	 border-radius: 8px;
	 background: rgba(255,255,255,1);
	 font-family: Arial, sans-serif;
	 }.smallpotato-admin-serp-title {
	 color: rgba(26,13,171,1);
	 font-size: 18px;
	 line-height: 1.3;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 }.smallpotato-admin-serp-url {
	 color: rgba(0,102,33,1);
	 font-size: 13px;
	 margin: 2px 0 4px;
	 }.smallpotato-admin-serp-desc {
	 color: rgba(77,81,86,1);
	 font-size: 13px;
	 line-height: 1.45;
	 display: -webkit-box;
	 -webkit-line-clamp: 2;
	 -webkit-box-orient: vertical;
	 overflow: hidden;
	 }.smallpotato-admin-post-settings button:not(.smallpotato-admin-link) {
	 background: rgba(0,0,0,0.06);
	 border-color: var(--sp-line);
	 color: var(--sp-ink);
	 }.smallpotato-admin-post-settings textarea {
	 font-family: inherit;
	 }/* Dashboard (1.2.0). */.smallpotato-admin-stats {
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	 gap: 12px;
	 margin: 4px 0 18px;
	 }.smallpotato-admin button.smallpotato-admin-stat {
	 display: grid;
	 gap: 2px;
	 justify-items: start;
	 padding: 14px 16px;
	 border: 1px solid var(--sp-line);
	 border-radius: 10px;
	 background: var(--sp-bar);
	 color: var(--sp-ink);
	 text-align: left;
	 }.smallpotato-admin button.smallpotato-admin-stat:hover {
	 border-color: var(--sp-accent);
	 }.smallpotato-admin-stat strong {
	 font-size: 28px;
	 line-height: 1.1;
	 font-weight: 700;
	 }.smallpotato-admin-stat span {
	 font-size: 14px;
	 }.smallpotato-admin-stat small {
	 font-size: 12px;
	 color: var(--sp-muted);
	 }.smallpotato-admin-dash {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 12px;
	 }.smallpotato-admin-card {
	 padding: 12px 16px 14px;
	 border: 1px solid var(--sp-line);
	 border-radius: 10px;
	 min-width: 0;
	 }.smallpotato-admin-card.is-wide {
	 grid-column: 1 / -1;
	 }.smallpotato-admin-app .smallpotato-admin-card > h3 {
	 margin: 0 0 8px;
	 font-size: 15px;
	 }.smallpotato-admin-card > p {
	 margin: 0 0 8px;
	 }.smallpotato-admin-card .smallpotato-admin-actions {
	 margin: 8px 0 0;
	 align-items: center;
	 }.smallpotato-admin-dashlist {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 display: grid;
	 gap: 6px;
	 font-size: 14px;
	 }.smallpotato-admin-dashlist li {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 gap: 2px 12px;
	 padding-bottom: 6px;
	 border-bottom: 1px solid var(--sp-line);
	 overflow-wrap: anywhere;
	 }.smallpotato-admin-dashlist li:last-child {
	 border-bottom: 0;
	 padding-bottom: 0;
	 }.smallpotato-admin a.smallpotato-admin-button {
	 display: inline-flex;
	 align-items: center;
	 padding: 8px 14px;
	 border: 1px solid var(--sp-line);
	 border-radius: 6px;
	 color: var(--sp-ink);
	 text-decoration: none;
	 }.smallpotato-admin a.smallpotato-admin-button:hover {
	 border-color: var(--sp-accent);
	 }@media (max-width: 575px) {
		.smallpotato-admin-dash {
	 grid-template-columns: minmax(0, 1fr);
	 }}/* Backups (1.2.0). */.smallpotato-admin-form[data-sp="backups"] {
	 max-width: 560px;
	 }.smallpotato-admin-backups {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 display: grid;
	 gap: 8px;
	 }.smallpotato-admin-backups li {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 justify-content: space-between;
	 gap: 6px 12px;
	 padding: 8px 10px;
	 border: 1px solid var(--sp-line);
	 border-radius: 8px;
	 font-size: 13px;
	 }.smallpotato-admin-form .smallpotato-admin-fileupload {
	 font-weight: 400;
	 }/* Monthly backup reminder (1.2.0). */.smallpotato-admin-modal {
	 position: fixed;
	 inset: 0;
	 z-index: 10000;
	 display: grid;
	 place-items: center;
	 padding: 16px;
	 background: rgba(0,0,0,0.45);
	 }.smallpotato-admin-modal-card {
	 position: relative;
	 width: 100%;
	 max-width: 460px;
	 box-sizing: border-box;
	 padding: 22px 24px 18px;
	 border-radius: 12px;
	 background: var(--sp-paper);
	 color: var(--sp-ink);
	 box-shadow: 0 12px 40px rgba(0,0,0,0.25);
	 }.smallpotato-admin-app .smallpotato-admin-modal-card h3 {
	 margin: 0 0 10px;
	 font-size: 19px;
	 }.smallpotato-admin-modal-card p {
	 margin: 0 0 10px;
	 }.smallpotato-admin .smallpotato-admin-modal-close {
	 position: absolute;
	 top: 8px;
	 right: 10px;
	 padding: 2px 8px;
	 border: 0;
	 background: none;
	 font-size: 22px;
	 line-height: 1;
	 color: var(--sp-muted);
	 }/* Account in two columns (1.2.0): you and the people on the left, the website's settings on the right. */.smallpotato-admin-account {
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 16px;
	 align-items: start;
	 margin-top: 12px;
	 }.smallpotato-admin-account.is-single {
	 grid-template-columns: minmax(0, 1fr);
	 max-width: 560px;
	 }.smallpotato-admin-col {
	 display: grid;
	 gap: 16px;
	 align-content: start;
	 min-width: 0;
	 }.smallpotato-admin-account .smallpotato-admin-form {
	 max-width: none;
	 padding: 14px 16px 16px;
	 border: 1px solid var(--sp-line);
	 border-radius: 10px;
	 box-sizing: border-box;
	 min-width: 0;
	 }.smallpotato-admin-app .smallpotato-admin-account .smallpotato-admin-form > h3:first-child {
	 margin-top: 0;
	 }.smallpotato-admin-account .smallpotato-admin-form .smallpotato-admin-form {
	 padding: 0;
	 border: 0;
	 border-radius: 0;
	 }.smallpotato-admin-app .smallpotato-admin-account .smallpotato-admin-form .smallpotato-admin-form > h3:first-child {
	 margin-top: 8px;
	 }.smallpotato-admin-account [data-sp="users-box"] {
	 overflow-x: auto;
	 }.smallpotato-admin-account [data-sp="users-box"] .smallpotato-admin-table {
	 font-size: 13px;
	 }@media (max-width: 860px) {
		.smallpotato-admin-account {
	 grid-template-columns: minmax(0, 1fr);
	 }}/* Backup progress (1.2.0). */.smallpotato-admin-progress {
	 position: fixed;
	 right: 16px;
	 bottom: 16px;
	 z-index: 10001;
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 width: 340px;
	 max-width: calc(100vw - 32px);
	 box-sizing: border-box;
	 padding: 14px 16px;
	 border: 1px solid var(--sp-line);
	 border-radius: 10px;
	 background: var(--sp-paper);
	 color: var(--sp-ink);
	 box-shadow: 0 10px 30px rgba(0,0,0,0.18);
	 font-size: 13px;
	 }.smallpotato-admin-progress > div {
	 display: grid;
	 gap: 4px;
	 flex: 1 1 auto;
	 min-width: 0;
	 }.smallpotato-admin-progress strong {
	 font-size: 14px;
	 }.smallpotato-admin-progress [data-sp="progress-text"] {
	 color: var(--sp-muted);
	 }.smallpotato-admin-spinner {
	 flex: 0 0 auto;
	 width: 26px;
	 height: 26px;
	 border: 3px solid rgba(47,109,246,0.2);
	 border-top-color: var(--sp-accent);
	 border-radius: 50%;
	 animation: smallpotato-spin .8s linear infinite;
	 }.smallpotato-admin-progress-bar {
	 position: relative;
	 display: block;
	 height: 4px;
	 margin-top: 2px;
	 overflow: hidden;
	 border-radius: 2px;
	 background: rgba(127,127,127,0.18);
	 }.smallpotato-admin-progress-bar i {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 width: 35%;
	 border-radius: 2px;
	 background: var(--sp-accent);
	 animation: smallpotato-slide 1.4s ease-in-out infinite;
	 }.smallpotato-admin-progress-bar.is-known i {
	 animation: none;
	 transition: width .2s;
	 }@keyframes smallpotato-spin {
	 to {
	 transform: rotate(360deg);
	 } }@keyframes smallpotato-slide {
	 0% {
	 left: -35%;
	 } 100% {
	 left: 100%;
	 } }@media (prefers-reduced-motion: reduce) {
		.smallpotato-admin-spinner, .smallpotato-admin-progress-bar i {
	 animation-duration: 3s;
	 }}/* Collections (1.3.0). */.smallpotato-admin-collform {
	 max-width: 720px;
	 }.smallpotato-admin-fields {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 display: grid;
	 gap: 10px;
	 counter-reset: spfield;
	 }.smallpotato-admin-field {
	 display: grid;
	 gap: 8px;
	 padding: 12px 14px;
	 border: 1px solid var(--sp-line);
	 border-radius: 8px;
	 }.smallpotato-admin-field-row {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: end;
	 gap: 10px;
	 }.smallpotato-admin-field-row > label:not(.smallpotato-admin-check) {
	 flex: 1 1 160px;
	 }.smallpotato-admin-field-row > label[data-f-only] {
	 flex: 0 0 110px;
	 }.smallpotato-admin-field-tools {
	 display: flex;
	 gap: 10px;
	 margin-left: auto;
	 align-items: center;
	 }.smallpotato-admin-field textarea {
	 font-family: inherit;
	 }.smallpotato-admin-field [hidden] {
	 display: none;
	 }.smallpotato-admin-items {
	 list-style: none;
	 margin: 12px 0 0;
	 padding: 0;
	 display: grid;
	 gap: 6px;
	 max-width: 760px;
	 }.smallpotato-admin-item {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 padding: 8px 12px;
	 border: 1px solid var(--sp-line);
	 border-radius: 8px;
	 background: var(--sp-paper);
	 font-size: 14px;
	 }.smallpotato-admin-item > .smallpotato-admin-link {
	 text-align: left;
	 overflow-wrap: anywhere;
	 }.smallpotato-admin-item.is-dragging {
	 opacity: .5;
	 border-style: dashed;
	 }.smallpotato-admin-grip {
	 cursor: grab;
	 color: var(--sp-muted);
	 letter-spacing: -3px;
	 user-select: none;
	 }.smallpotato-admin-item-tools {
	 display: flex;
	 gap: 8px;
	 margin-left: auto;
	 }.smallpotato-admin-itemform {
	 max-width: 720px;
	 }.smallpotato-admin-itemform > .smallpotato-admin-editor > span {
	 font-weight: 600;
	 font-size: 13px;
	 }.smallpotato-admin-req {
	 font-weight: 400;
	 color: var(--sp-muted);
	 }/* In the collection forms only the main action is blue. */.smallpotato-admin-collform > .smallpotato-admin-actions > button:not(.is-primary):not(.smallpotato-admin-link),.smallpotato-admin-itemform > .smallpotato-admin-actions > button:not(.is-primary):not(.smallpotato-admin-link),.smallpotato-admin-itemform > [data-type="image"] .smallpotato-admin-actions > button:not(.smallpotato-admin-link) {
	 background: var(--sp-field);
	 border-color: var(--sp-line);
	 color: var(--sp-ink);
	 }/* Item pages: the page address with its folder. */.smallpotato-admin-slug {
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 font-weight: 400;
	 }.smallpotato-admin-slug > span {
	 color: var(--sp-muted);
	 font-family: ui-monospace, Menlo, monospace;
	 font-size: 13px;
	 }.smallpotato-admin-slug input {
	 flex: 1 1 auto;
	 font-family: ui-monospace, Menlo, monospace;
	 font-size: 13px;
	 }.smallpotato-admin-item .smallpotato-admin-view {
	 margin-left: 0;
	 }/* Import: match the columns, see what will happen. */.smallpotato-admin-importmap td {
	 vertical-align: middle;
	 }.smallpotato-admin-importmap td.smallpotato-admin-hint {
	 max-width: 320px;
	 overflow-wrap: anywhere;
	 font-size: 12px;
	 }.smallpotato-admin-importmap select {
	 min-width: 180px;
	 }.smallpotato-admin-importopts {
	 max-width: 560px;
	 margin-top: 16px;
	 }.smallpotato-admin-importresult {
	 margin-top: 16px;
	 max-width: 760px;
	 }.smallpotato-admin-importresult .smallpotato-admin-notes {
	 max-height: 280px;
	 overflow: auto;
	 }/* Items: select, search, bulk actions. */.smallpotato-admin-itembar {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 gap: 10px 14px;
	 max-width: 760px;
	 margin: 12px 0 4px;
	 }.smallpotato-admin-itembar input[type=search] {
	 flex: 0 1 240px;
	 width: auto;
	 }.smallpotato-admin-itembar .smallpotato-admin-check {
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 font-size: 14px;
	 }.smallpotato-admin-itembar .smallpotato-admin-check input {
	 width: auto;
	 }.smallpotato-admin-bulk {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 gap: 8px;
	 margin-left: auto;
	 font-size: 14px;
	 }.smallpotato-admin-bulk button {
	 padding: 4px 10px;
	 font-size: 13px;
	 }.smallpotato-admin-item > input[type=checkbox] {
	 width: auto;
	 flex: 0 0 auto;
	 margin: 0;
	 }/* Find & replace: the words everywhere, each place with its own tick box. */.smallpotato-admin-findform {
	 max-width: 560px;
	 }.smallpotato-admin-findopts {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 8px 20px;
	 margin: 4px 0 8px;
	 }.smallpotato-admin-findopts .smallpotato-admin-check {
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 font-size: 14px;
	 }.smallpotato-admin-findopts .smallpotato-admin-check input {
	 width: auto;
	 }.smallpotato-admin-findlist {
	 list-style: none;
	 margin: 8px 0 0;
	 padding: 0;
	 max-width: 760px;
	 display: grid;
	 gap: 6px;
	 }.smallpotato-admin-findlist li {
	 display: flex;
	 align-items: flex-start;
	 gap: 10px;
	 padding: 8px 12px;
	 border: 1px solid var(--sp-line);
	 border-radius: 8px;
	 background: var(--sp-paper);
	 font-size: 14px;
	 }.smallpotato-admin-findlist li > input[type=checkbox] {
	 width: auto;
	 flex: 0 0 auto;
	 margin: 3px 0 0;
	 }.smallpotato-admin-findlist li > div {
	 min-width: 0;
	 flex: 1 1 auto;
	 }.smallpotato-admin-findplace {
	 margin: 4px 0 0;
	 overflow-wrap: anywhere;
	 color: var(--sp-ink);
	 }.smallpotato-admin-findplace mark {
	 padding: 0 2px;
	 border-radius: 3px;
	 background: rgba(255,214,102,0.7);
	 color: inherit;
	 }/* Compare versions: what a version changes, word by word. */.smallpotato-admin-compare {
	 margin: 8px 0 12px;
	 padding: 10px 12px;
	 border: 1px solid var(--sp-line);
	 border-radius: 8px;
	 background: var(--sp-paper);
	 max-width: 760px;
	 }.smallpotato-admin-compare label {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 gap: 8px;
	 font-size: 14px;
	 }.smallpotato-admin-compare select {
	 width: auto;
	 }.smallpotato-admin-diff {
	 margin-top: 8px;
	 line-height: 1.7;
	 overflow-wrap: anywhere;
	 color: var(--sp-ink);
	 }.smallpotato-admin-diff del {
	 padding: 0 2px;
	 border-radius: 3px;
	 background: rgba(220,53,69,0.16);
	 color: inherit;
	 text-decoration: line-through;
	 }.smallpotato-admin-diff ins {
	 padding: 0 2px;
	 border-radius: 3px;
	 background: rgba(25,135,84,0.2);
	 color: inherit;
	 text-decoration: none;
	 }.smallpotato-admin-fold {
	 color: var(--sp-muted);
	 }/* ReadPDF - Turn any PDF into a page turning flipbook  * Blocs Brics Design - https://blocs-brics.store    */.readpdf-wrap {
	    --readpdf-bg: rgba(245, 245, 245, 1);
	    --readpdf-load: rgba(120, 120, 120, 1);
	    --readpdf-controlgap: 16px;
	    --readpdf-controljustify: center;
	    --readpdf-controlalign: center;
	    --readpdf-btn-color: rgba(34, 34, 34, 1);
	    --readpdf-btn-fill: rgba(0, 0, 0, 0);
	    --readpdf-btn-border: rgba(34, 34, 34, 0.45);
	    --readpdf-btn-size: 40px;
	    --readpdf-btn-radius: 4px;
	    --readpdf-counter-color: rgba(34, 34, 34, 1);
	    --readpdf-counter-size: 14px;
	    --readpdf-link-tint: rgba(0, 0, 0, 0);
	    --readpdf-hit: rgba(255, 214, 0, 0.45);
	    --readpdf-hit-current: rgba(255, 138, 0, 0.75);
	    --readpdf-thumb-w: 120px;
	    position: relative;
	    width: 100%;
	    padding-bottom: var(--readpdf-controlgap);
	    box-sizing: border-box;
}
.readpdf-stage {
	    position: relative;
	    width: 100%;
	    margin: 0 auto;
	    min-height: 160px;
	    padding: 24px 16px;
	    background-color: var(--readpdf-bg);
	    box-sizing: border-box;
}
/* --- Loading ------------------------------------------------------- */.readpdf-spinner {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 34px;
	    height: 34px;
	    margin: -17px 0 0 -17px;
	    border: 3px solid var(--readpdf-load);
	    border-top-color: transparent;
	    border-radius: 50%;
	    animation: readpdf-spin 0.8s linear infinite;
}
@keyframes readpdf-spin {
	    to {
	 transform: rotate(360deg);
	 }}@media (prefers-reduced-motion: reduce) {
	    .readpdf-spinner {
	 animation-duration: 3s;
	 }}.readpdf-progress {
	    position: absolute;
	    top: 50%;
	    left: 0;
	    right: 0;
	    margin-top: 30px;
	    text-align: center;
	    color: var(--readpdf-load);
	    font-size: 12px;
	    font-variant-numeric: tabular-nums;
	    letter-spacing: 0.04em;
}
/* --- Fallback ------------------------------------------------------ */.readpdf-fallback {
	    padding: 28px 20px;
	    text-align: center;
	    font-size: 0.95rem;
	    opacity: 0.75;
}
/* Only printed on test hosts (file://, Blocs Preview, localhost). */.readpdf-fallback-detail {
	    max-width: 640px;
	    margin: 10px auto 0;
	    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	    font-size: 12px;
	    line-height: 1.5;
}
/* --- Flip mode ----------------------------------------------------- */.readpdf-book {
	    margin: 0 auto;
}
.readpdf-page {
	    position: relative;
	    background-color: #ffffff;
	    overflow: hidden;
}
.readpdf-page canvas {
	    display: block;
	    width: 100%;
	    height: auto;
}
/* --- Scroll mode --------------------------------------------------- */.readpdf-scroll {
	    overflow: auto;
	    -webkit-overflow-scrolling: touch;
}
.readpdf-scroll-pages {
	    padding: 12px;
}
.readpdf-scroll-page {
	    position: relative;
	    margin: 0 auto 14px;
	    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
	    background-color: #ffffff;
}
.readpdf-scroll-page canvas {
	    display: block;
	    width: 100%;
	    height: auto;
}
/* --- Embed mode ---------------------------------------------------- */.readpdf-embed {
	    display: block;
	    width: 100%;
	    height: 100%;
	    border: 0;
}
/* --- Search ---------------------------------------------------------- */.readpdf-search {
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	    gap: 8px;
	    justify-content: var(--readpdf-controljustify);
	    margin-bottom: var(--readpdf-controlgap);
}
.readpdf-search-field {
	    flex: 0 1 260px;
	    height: var(--readpdf-btn-size);
	    padding: 0 0.7em;
	    color: var(--readpdf-counter-color);
	    background-color: var(--readpdf-btn-fill);
	    border: 1px solid var(--readpdf-btn-border);
	    border-radius: var(--readpdf-btn-radius);
	    font-size: min(var(--readpdf-counter-size), calc(var(--readpdf-btn-size) * 0.5));
	    box-sizing: border-box;
}
.readpdf-search-field:focus {
	    outline: none;
	    box-shadow: 0 0 0 2px var(--readpdf-btn-border);
}
.readpdf-search-status {
	    min-width: 7em;
	    color: var(--readpdf-counter-color);
	    font-size: min(var(--readpdf-counter-size), calc(var(--readpdf-btn-size) * 0.5));
	    font-variant-numeric: tabular-nums;
	    opacity: 0.8;
}
/* --- Text layer and matches ------------------------------------------ */.readpdf-textlayer {
	    position: absolute;
	    top: 0;
	    left: 0;
	    overflow: hidden;
	    line-height: 1;
	    opacity: 1;
	    pointer-events: none;
	    -webkit-user-select: none;
	    user-select: none;
}
.readpdf-textlayer span,.readpdf-textlayer br {
	    position: absolute;
	    color: transparent;
	    white-space: pre;
	    transform-origin: 0 0;
}
.readpdf-hit {
	    background-color: var(--readpdf-hit);
	    border-radius: 2px;
}
.readpdf-hit-current {
	    background-color: var(--readpdf-hit-current);
}
/* --- Thumbnails ------------------------------------------------------ */.readpdf-shell {
	    display: flex;
	    gap: 12px;
}
.readpdf-shell-left {
	 flex-direction: row;
	 align-items: stretch;
	 }.readpdf-shell-below {
	 flex-direction: column;
	 }.readpdf-shell .readpdf-stage {
	 flex: 1 1 auto;
	 min-width: 0;
	 }.readpdf-thumbs {
	    display: flex;
	    gap: 8px;
	    background-color: var(--readpdf-bg);
	    padding: 8px;
	    box-sizing: border-box;
}
.readpdf-thumbs-col-left {
	    position: relative;
	    flex: 0 0 auto;
	    width: calc(var(--readpdf-thumb-w) + 26px);
}
.readpdf-thumbs-col-below {
	    position: relative;
	    width: 100%;
}
.readpdf-thumbs-left {
	    position: absolute;
	    inset: 0;
	    flex-direction: column;
	    overflow-y: auto;
	    overflow-x: hidden;
}
.readpdf-thumbs-below {
	    flex-direction: row;
	    width: 100%;
	    overflow-x: auto;
	    overflow-y: hidden;
}
.readpdf-thumb {
	    position: relative;
	    flex: 0 0 auto;
	    width: var(--readpdf-thumb-w);
	    padding: 0;
	    background: rgba(0, 0, 0, 0.06);
	    border: 1px solid var(--readpdf-btn-border);
	    border-radius: var(--readpdf-btn-radius);
	    cursor: pointer;
	    overflow: hidden;
	    transition: box-shadow 0.15s ease;
}
.readpdf-thumb:hover,.readpdf-thumb:focus-visible {
	    box-shadow: 0 0 0 2px var(--readpdf-btn-border);
	    outline: none;
}
.readpdf-thumb.is-current {
	    box-shadow: 0 0 0 3px var(--readpdf-hit-current);
}
.readpdf-thumb-canvas {
	    display: block;
	    width: 100%;
	    height: auto;
}
.readpdf-thumb-num {
	    position: absolute;
	    right: 4px;
	    bottom: 4px;
	    padding: 1px 5px;
	    background-color: rgba(0, 0, 0, 0.62);
	    color: #fff;
	    border-radius: 3px;
	    font-size: 10px;
	    font-variant-numeric: tabular-nums;
}
/* --- Document links ------------------------------------------------ */.readpdf-links {
	    position: absolute;
	    inset: 0;
	    pointer-events: none;
}
.readpdf-link {
	    position: absolute;
	    display: block;
	    background-color: var(--readpdf-link-tint);
	    border-radius: 2px;
	    pointer-events: auto;
	    transition: box-shadow 0.15s ease, background-color 0.15s ease;
}
.readpdf-link:hover,.readpdf-link:focus-visible {
	    background-color: var(--readpdf-link-tint);
	    box-shadow: 0 0 0 2px var(--readpdf-btn-border);
}
/* --- Controls ------------------------------------------------------ */.readpdf-controls {
	    display: flex;
	    align-items: center;
	    justify-content: var(--readpdf-controljustify);
	    gap: 14px;
	    margin-top: var(--readpdf-controlgap);
}
.readpdf-wrap .readpdf-btn {
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    min-width: var(--readpdf-btn-size);
	    min-height: var(--readpdf-btn-size);
	    padding: 0 12px;
	    font-size: calc(var(--readpdf-btn-size) * 0.5);
	    line-height: 1;
	    color: var(--readpdf-btn-color);
	    background-color: var(--readpdf-btn-fill);
	    border: 1px solid var(--readpdf-btn-border);
	    border-radius: var(--readpdf-btn-radius);
	    cursor: pointer;
	    opacity: 0.85;
	    transition: opacity 0.2s ease;
}
.readpdf-wrap .readpdf-btn:hover,.readpdf-wrap .readpdf-btn:focus-visible {
	    opacity: 1;
}
.readpdf-wrap .readpdf-btn:disabled {
	    opacity: 0.35;
	    cursor: default;
}
.readpdf-counter {
	    color: var(--readpdf-counter-color);
	    font-size: var(--readpdf-counter-size);
	    font-variant-numeric: tabular-nums;
}
.readpdf-jump {
	    display: inline-flex;
	    align-items: center;
	    gap: 6px;
	    color: var(--readpdf-counter-color);
	    font-size: min(var(--readpdf-counter-size), calc(var(--readpdf-btn-size) * 0.5));
}
.readpdf-jump-field {
	    height: var(--readpdf-btn-size);
	    width: 4.2em;
	    min-width: 3.4em;
	    padding: 0 0.5em;
	    font-size: inherit;
	    line-height: normal;
	    color: var(--readpdf-counter-color);
	    background-color: var(--readpdf-btn-fill);
	    border: 1px solid var(--readpdf-btn-border);
	    border-radius: var(--readpdf-btn-radius);
	    font: inherit;
	    font-variant-numeric: tabular-nums;
	    text-align: center;
	    box-sizing: border-box;
}
.readpdf-jump-field:focus {
	    outline: none;
	    box-shadow: 0 0 0 2px var(--readpdf-btn-border);
}
.readpdf-jump-total {
	    font-variant-numeric: tabular-nums;
	    opacity: 0.75;
}
.readpdf-controls-zoom {
	    margin-top: 8px;
}
/* --- Source / download slot ---------------------------------------- */.readpdf-source {
	    margin-top: var(--readpdf-controlgap);
	    text-align: var(--readpdf-controlalign);
}
.readpdf-visually-hidden {
	    position: absolute !important;
	    width: 1px;
	    height: 1px;
	    margin: -1px;
	    padding: 0;
	    overflow: hidden;
	    clip: rect(0, 0, 0, 0);
	    white-space: nowrap;
	    border: 0;
}
/* --- Canvas placeholder (Blocs only, SmallPotato house style) ------- * One tag pill with info pills, then a dashed rule. Drawn by the * design-time JS;
	 the 1.2.0 markup block at the end keeps placed * instances tidy until they are next selected and redrawn. */.readpdf-ph {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    gap: 6px 10px;
	    margin: 0;
	    padding: 2px;
	    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	    line-height: 1.35;
}
.readpdf-ph::after {
	    content: "";
	    order: 1;
	    flex: 1 1 24px;
	    min-width: 24px;
	    border-top: 2px dashed #b9d0ff;
}
.readpdf-ph-tag,.readpdf-ph-sheet {
	    order: 0;
	    flex: 0 1 auto;
	    display: inline-flex;
	    flex-wrap: wrap;
	    align-items: center;
	    gap: 6px;
	    padding: 3px 4px 3px 11px;
	    border: 1px solid #b9d0ff;
	    border-radius: 999px;
	    background: #eef4ff;
	    color: #2f6df6;
	    font-size: 11px;
	    font-weight: 700;
	    letter-spacing: .1em;
	    text-transform: uppercase;
}
.readpdf-ph-tag svg {
	    width: 13px;
	    height: 13px;
	    display: block;
}
.readpdf-ph-mode {
	    display: inline-block;
	    padding: 1px 8px;
	    border-radius: 999px;
	    background: #2f6df6;
	    color: #ffffff;
	    font-weight: 600;
	    letter-spacing: .04em;
	    text-transform: none;
}
.readpdf-ph-state {
	    display: inline-block;
	    max-width: 260px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    padding: 1px 8px;
	    border: 1px solid #b9d0ff;
	    border-radius: 999px;
	    background: #ffffff;
	    color: #2f6df6;
	    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	    font-weight: 400;
	    letter-spacing: 0;
	    text-transform: none;
}
.readpdf-ph-flag {
	    display: inline-block;
	    padding: 1px 8px;
	    border: 1px dashed #b9d0ff;
	    border-radius: 999px;
	    color: #2f6df6;
	    font-weight: 600;
	    letter-spacing: .04em;
	    text-transform: none;
}
.readpdf-ph-hint {
	    order: 2;
	    flex: 1 0 100%;
	    font-size: 12px;
	    line-height: 1.4;
	    opacity: 0.6;
}
/* 1.2.0 markup: sheet > line > mark, sep, mode, sep, state + hint */.readpdf-ph-line {
	    display: contents;
}
.readpdf-ph-sep,.readpdf-ph-sheet::after,.readpdf-ph-sheet .readpdf-ph-hint {
	    display: none;
}
/* SmallPotato CMS - Table. Uses the site's Bootstrap table classes;
	 these rules add the parts around it.   No backslashes in this file: Blocs mangles CSS escapes on export. */.smallpotato-tbl {
	 display: block;
	 }/* Above the table: filter buttons, search, download. */.smallpotato-tbl-buttons {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 8px;
	 margin: 0 0 12px;
	 }.smallpotato-tbl .smallpotato-coll-button {
	 display: inline-block;
	 padding: 6px 14px;
	 border: 1px solid currentColor;
	 border-radius: 999px;
	 color: inherit;
	 font-size: 0.9em;
	 line-height: 1.3;
	 text-decoration: none;
	 opacity: 0.75;
	 }.smallpotato-tbl .smallpotato-coll-button:hover {
	 opacity: 1;
	 }.smallpotato-tbl .smallpotato-coll-button.is-active {
	 opacity: 1;
	 font-weight: 600;
	 box-shadow: inset 0 0 0 1px currentColor;
	 }.smallpotato-tbl-tools {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px 16px;
	 margin: 0 0 12px;
	 }.smallpotato-tbl-search {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 gap: 8px;
	 flex: 1 1 260px;
	 max-width: 460px;
	 margin: 0;
	 }.smallpotato-tbl-search.is-full {
	 max-width: none;
	 flex-basis: 100%;
	 }/* Site style: the site's own form-control and btn;
	 only the layout here. */.smallpotato-tbl-search.is-site .form-control {
	 flex: 1 1 160px;
	 width: auto;
	 min-width: 0;
	 }.smallpotato-tbl-search.is-site .btn {
	 flex: 0 0 auto;
	 }/* Minimal: a light look of its own. */.smallpotato-tbl-search.is-minimal input[type=search] {
	 flex: 1 1 160px;
	 min-width: 0;
	 padding: 7px 12px;
	 border: 1px solid rgba(127,127,127,0.45);
	 border-radius: 8px;
	 font: inherit;
	 color: inherit;
	 background: transparent;
	 }.smallpotato-tbl-search.is-minimal button, .smallpotato-tbl-download {
	 display: inline-block;
	 padding: 7px 14px;
	 border: 1px solid currentColor;
	 border-radius: 8px;
	 background: transparent;
	 color: inherit;
	 font: inherit;
	 font-size: 0.95em;
	 line-height: 1.3;
	 text-decoration: none;
	 cursor: pointer;
	 }.smallpotato-tbl-search.is-minimal button.is-filled {
	 border-color: transparent;
	 background: rgba(127,127,127,0.18);
	 }/* Filter dropdowns, before the search box. */.smallpotato-tbl-search.has-drops {
	 max-width: 760px;
	 }.smallpotato-tbl-search select {
	 flex: 0 1 auto;
	 width: auto;
	 max-width: 100%;
	 min-width: 0;
	 }.smallpotato-tbl-search.is-minimal select {
	 padding: 7px 30px 7px 12px;
	 border: 1px solid rgba(127,127,127,0.45);
	 border-radius: 8px;
	 font: inherit;
	 color: inherit;
	 background-color: transparent;
	 }.smallpotato-tbl-search.is-minimal select option {
	 color: #222;
	 background: #fff;
	 }.smallpotato-tbl-search.is-minimal button:hover, .smallpotato-tbl-download:hover {
	 opacity: 0.8;
	 }.smallpotato-tbl-clear {
	 font-size: 0.9em;
	 color: inherit;
	 opacity: 0.75;
	 }.smallpotato-tbl-download {
	 margin-left: auto;
	 }/* The table. */.smallpotato-tbl-scroll {
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
	 }.smallpotato-tbl[aria-busy="true"] table {
	 opacity: 0.6;
	 transition: opacity 0.2s;
	 }.smallpotato-tbl-table {
	 width: 100%;
	 margin-bottom: 8px;
	 border-collapse: collapse;
	 }.smallpotato-tbl-table th, .smallpotato-tbl-table td {
	 vertical-align: middle;
	 }.smallpotato-tbl-table th {
	 text-align: left;
	 }.smallpotato-tbl-table th[data-sp-type=number], .smallpotato-tbl-table td[data-sp-type=number] {
	 text-align: right;
	 white-space: nowrap;
	 }.smallpotato-tbl-table td[data-sp-type=yesno], .smallpotato-tbl-table th[data-sp-type=yesno] {
	 text-align: center;
	 }.smallpotato-tbl-table td[data-sp-type=longtext] > *:last-child {
	 margin-bottom: 0;
	 }.smallpotato-tbl-sort {
	 color: inherit;
	 text-decoration: none;
	 white-space: nowrap;
	 }.smallpotato-tbl-sort::after {
	 content: "";
	 display: inline-block;
	 width: 0;
	 height: 0;
	 margin-left: 6px;
	 vertical-align: middle;
	 border-left: 4px solid transparent;
	 border-right: 4px solid transparent;
	 border-top: 5px solid currentColor;
	 opacity: 0.25;
	 }.smallpotato-tbl-sort.is-asc::after {
	 border-top: 0;
	 border-bottom: 5px solid currentColor;
	 opacity: 0.9;
	 }.smallpotato-tbl-sort.is-desc::after {
	 opacity: 0.9;
	 }.smallpotato-tbl-img {
	 display: block;
	 width: var(--sp-tbl-img, 48px);
	 height: var(--sp-tbl-img, 48px);
	 object-fit: cover;
	 border-radius: 6px;
	 }.smallpotato-tbl-yes {
	 font-weight: 700;
	 }.smallpotato-tbl-no {
	 opacity: 0.5;
	 }.smallpotato-tbl-sr {
	 position: absolute;
	 width: 1px;
	 height: 1px;
	 margin: -1px;
	 padding: 0;
	 overflow: hidden;
	 clip: rect(0, 0, 0, 0);
	 white-space: nowrap;
	 border: 0;
	 }.smallpotato-tbl-item {
	 font-weight: 600;
	 }.smallpotato-tbl-count {
	 margin: 0 0 8px;
	 font-size: 0.85em;
	 opacity: 0.65;
	 }.smallpotato-tbl-empty {
	 margin: 0;
	 opacity: 0.75;
	 }.smallpotato-tbl-pager {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 gap: 12px;
	 margin-top: 4px;
	 }.smallpotato-tbl-pager .smallpotato-coll-page {
	 opacity: 0.7;
	 font-size: 0.9em;
	 }/* On phones: each row a small card, every value with its heading. */@media (max-width: 575px) {
		.smallpotato-tbl-stack {
	 overflow: visible;
	 }	.smallpotato-tbl-stack .smallpotato-tbl-table thead {
	 position: absolute;
	 width: 1px;
	 height: 1px;
	 overflow: hidden;
	 clip: rect(0, 0, 0, 0);
	 }	.smallpotato-tbl-stack .smallpotato-tbl-table, .smallpotato-tbl-stack .smallpotato-tbl-table tbody, .smallpotato-tbl-stack .smallpotato-tbl-table tr, .smallpotato-tbl-stack .smallpotato-tbl-table td {
	 display: block;
	 width: 100%;
	 box-sizing: border-box;
	 }	.smallpotato-tbl-stack .smallpotato-tbl-table td:empty {
	 display: none;
	 }	.smallpotato-tbl-stack .smallpotato-tbl-table tr {
	 margin: 0 0 12px;
	 border: 1px solid rgba(127,127,127,0.3);
	 border-radius: 8px;
	 overflow: hidden;
	 }	.smallpotato-tbl-stack .smallpotato-tbl-table td {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 gap: 12px;
	 min-width: 0;
	 text-align: right;
	 overflow-wrap: anywhere;
	 }	.smallpotato-tbl-stack .smallpotato-tbl-table td::before {
	 content: attr(data-label);
	 flex: 0 0 auto;
	 font-weight: 600;
	 text-align: left;
	 }	.smallpotato-tbl-stack .smallpotato-tbl-table td[data-sp-type=longtext] {
	 display: block;
	 text-align: left;
	 }	.smallpotato-tbl-stack .smallpotato-tbl-table td[data-sp-type=longtext]::before {
	 display: block;
	 margin-bottom: 4px;
	 }	.smallpotato-tbl-download {
	 margin-left: 0;
	 }}/* The canvas in Blocs. */.smallpotato-tbl-ph {
	 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	 line-height: 1.35;
	 }.smallpotato-tbl-ph-tag {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 margin: 0 0 8px;
	 padding: 3px 4px 3px 11px;
	 border: 1px solid #b9d0ff;
	 border-radius: 999px;
	 background: #eef4ff;
	 color: #2f6df6;
	 font-size: 11px;
	 font-weight: 700;
	 letter-spacing: .1em;
	 text-transform: uppercase;
	 }.smallpotato-tbl-ph-tag svg {
	 width: 13px;
	 height: 13px;
	 display: block;
	 }.smallpotato-tbl-ph-info {
	 display: inline-block;
	 padding: 1px 8px;
	 border: 1px solid #b9d0ff;
	 border-radius: 999px;
	 background: #ffffff;
	 color: #2f6df6;
	 font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	 font-weight: 400;
	 letter-spacing: 0;
	 text-transform: none;
	 }.smallpotato-tbl-ph-mode {
	 display: inline-block;
	 padding: 1px 8px;
	 border-radius: 999px;
	 background: #2f6df6;
	 color: #ffffff;
	 font-weight: 600;
	 letter-spacing: .04em;
	 text-transform: none;
	 }.smallpotato-tbl-ph-tools {
	 display: flex;
	 justify-content: space-between;
	 gap: 12px;
	 margin: 0 0 8px;
	 }.smallpotato-tbl-ph-search, .smallpotato-tbl-ph-dl {
	 display: inline-block;
	 padding: 5px 12px;
	 border: 1px solid rgba(127,127,127,0.45);
	 border-radius: 8px;
	 font-size: 13px;
	 opacity: 0.8;
	 }.smallpotato-tbl-ph-search {
	 min-width: 180px;
	 }.smallpotato-tbl-ph-search[hidden], .smallpotato-tbl-ph-dl[hidden] {
	 display: none;
	 }.smallpotato-tbl-ph-dl {
	 margin-left: auto;
	 }.smallpotato-tbl-ph-table {
	 width: 100%;
	 pointer-events: none;
	 }.smallpotato-tbl + bric-php-snippet,bric-php-snippet:has(+ .smallpotato-tbl),custombric[custom-bric-name="SmallPotato-Table"] > bric-php-snippet {
		display: none !important;
}
/* SmallPotato CMS - Collection list */.smallpotato-coll {
		display: grid;
		grid-template-columns: repeat(var(--sp-coll-cols, 3), minmax(0, 1fr));
		gap: var(--sp-coll-gap, 24px);
}
@media (max-width: 991px) {
		.smallpotato-coll {
	 grid-template-columns: repeat(var(--sp-coll-cols-t, 2), minmax(0, 1fr));
	 }}@media (max-width: 575px) {
		.smallpotato-coll {
	 grid-template-columns: repeat(var(--sp-coll-cols-p, 1), minmax(0, 1fr));
	 }}/* Everything that is not a card spans the whole row. */.smallpotato-coll > :not([custom-bric-container]) {
	 grid-column: 1 / -1;
	 }/* Each item is one card. */.smallpotato-coll > [custom-bric-container] {
		display: flex;
		flex-direction: column;
		min-width: 0;
		padding: var(--sp-coll-pad, 0px);
		border-radius: var(--sp-coll-radius, 6px);
		background: var(--sp-coll-bg, transparent);
		overflow: hidden;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.smallpotato-coll[data-sp-coll-card="1"] > [custom-bric-container],.smallpotato-coll[data-sp-coll-card="3"] > [custom-bric-container] {
	 border: 1px solid var(--sp-coll-border, rgba(0,0,0,0.12));
	 }.smallpotato-coll[data-sp-coll-card="2"] > [custom-bric-container],.smallpotato-coll[data-sp-coll-card="3"] > [custom-bric-container] {
	 box-shadow: 0 6px 20px rgba(0,0,0,0.08);
	 }.smallpotato-coll[data-sp-coll-hover="1"] > [custom-bric-container]:hover {
	 transform: translateY(-4px);
	 box-shadow: 0 14px 30px rgba(0,0,0,0.14);
	 }.smallpotato-coll[data-sp-coll-hover="2"] > [custom-bric-container]:hover {
	 box-shadow: 0 14px 30px rgba(0,0,0,0.16);
	 }@media (prefers-reduced-motion: reduce) {
		.smallpotato-coll > [custom-bric-container] {
	 transition: none;
	 }	.smallpotato-coll[data-sp-coll-hover="1"] > [custom-bric-container]:hover {
	 transform: none;
	 }}.smallpotato-coll[data-sp-coll-bottom="1"] > [custom-bric-container] > :last-child {
	 margin-top: auto;
	 }.smallpotato-coll-empty {
	 margin: 0;
	 opacity: 0.75;
	 }/* A first image runs to the card edges. */.smallpotato-coll[data-sp-coll-flush="1"] > [custom-bric-container] > :first-child:is(img, :has(img)) {
		margin: calc(-1 * var(--sp-coll-pad, 0px)) calc(-1 * var(--sp-coll-pad, 0px)) var(--sp-coll-pad, 0px);
}
.smallpotato-coll[data-sp-coll-flush="1"] > [custom-bric-container] > :first-child:is(img, :has(img)) img,.smallpotato-coll[data-sp-coll-flush="1"] > [custom-bric-container] > img:first-child {
	 display: block;
	 width: 100%;
	 border-radius: 0;
	 }/* An Image field on an element that is not an image shows it as its background. */.smallpotato-coll [class*="sp-field-"][style*="background-image"] {
	 background-size: cover;
	 background-position: center;
	 }/* The search box above the cards. */.smallpotato-coll-search {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 gap: 8px;
	 max-width: 460px;
	 margin: 0;
	 }.smallpotato-coll-search.is-full {
	 max-width: none;
	 }/* Site style: the site's own form-control and btn;
	 only the layout here. */.smallpotato-coll-search.is-site .form-control {
	 flex: 1 1 160px;
	 width: auto;
	 min-width: 0;
	 }.smallpotato-coll-search.is-site .btn {
	 flex: 0 0 auto;
	 }/* Minimal: a light look of its own. */.smallpotato-coll-search.is-minimal input[type=search] {
	 flex: 1 1 160px;
	 min-width: 0;
	 padding: 7px 12px;
	 border: 1px solid rgba(127,127,127,0.45);
	 border-radius: 8px;
	 font: inherit;
	 color: inherit;
	 background: transparent;
	 }.smallpotato-coll-search.is-minimal button {
	 display: inline-block;
	 padding: 7px 14px;
	 border: 1px solid currentColor;
	 border-radius: 8px;
	 background: transparent;
	 color: inherit;
	 font: inherit;
	 font-size: 0.95em;
	 line-height: 1.3;
	 cursor: pointer;
	 }.smallpotato-coll-search.is-minimal button.is-filled {
	 border-color: transparent;
	 background: rgba(127,127,127,0.18);
	 }/* Filter dropdowns, before the search box. */.smallpotato-coll-search.has-drops {
	 max-width: 760px;
	 }.smallpotato-coll-search select {
	 flex: 0 1 auto;
	 width: auto;
	 max-width: 100%;
	 min-width: 0;
	 }.smallpotato-coll-search.is-minimal select {
	 padding: 7px 30px 7px 12px;
	 border: 1px solid rgba(127,127,127,0.45);
	 border-radius: 8px;
	 font: inherit;
	 color: inherit;
	 background-color: transparent;
	 }.smallpotato-coll-search.is-minimal select option {
	 color: #222;
	 background: #fff;
	 }.smallpotato-coll-search.is-minimal button:hover {
	 opacity: 0.8;
	 }.smallpotato-coll-clear {
	 font-size: 0.9em;
	 color: inherit;
	 opacity: 0.75;
	 }.smallpotato-coll[aria-busy="true"] > [custom-bric-container], .smallpotato-tbl[aria-busy="true"] table {
	 opacity: 0.6;
	 transition: opacity 0.2s;
	 }/* Filter buttons (a Choice field), above the cards. */.smallpotato-coll-buttons {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 8px;
	 }.smallpotato-coll-button {
	 display: inline-block;
	 padding: 6px 14px;
	 border: 1px solid currentColor;
	 border-radius: 999px;
	 color: inherit;
	 font-size: 0.9em;
	 line-height: 1.3;
	 text-decoration: none;
	 opacity: 0.75;
	 }.smallpotato-coll-button:hover {
	 opacity: 1;
	 }.smallpotato-coll-button.is-active {
	 opacity: 1;
	 font-weight: 600;
	 box-shadow: inset 0 0 0 1px currentColor;
	 }.smallpotato-coll-pager {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 gap: 12px;
	 margin-top: 4px;
	 }.smallpotato-coll-page {
	 opacity: 0.7;
	 font-size: 0.9em;
	 }.smallpotato-coll-ph {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0 0 8px;
		padding: 2px 2px 0;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
		line-height: 1.35;
}
.smallpotato-coll-ph.smallpotato-coll-ph-end {
		margin: 8px 0 0;
		padding: 0 2px 2px;
}
.smallpotato-coll-ph-rule {
		flex: 1 1 auto;
		border-top: 2px dashed #b9d0ff;
}
.smallpotato-coll-ph-tag {
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 3px 4px 3px 11px;
		border: 1px solid #b9d0ff;
		border-radius: 999px;
		background: #eef4ff;
		color: #2f6df6;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .1em;
		text-transform: uppercase;
}
.smallpotato-coll-ph-tag svg {
		width: 13px;
		height: 13px;
		display: block;
}
.smallpotato-coll-ph-info {
		display: inline-block;
		padding: 1px 8px;
		border: 1px solid #b9d0ff;
		border-radius: 999px;
		background: #ffffff;
		color: #2f6df6;
		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
}
.smallpotato-coll-ph-mode {
		display: inline-block;
		padding: 1px 8px;
		border-radius: 999px;
		background: #2f6df6;
		color: #ffffff;
		font-weight: 600;
		letter-spacing: .04em;
		text-transform: none;
}
custombric[custom-bric-name="SmallPotato-Collection"] .smallpotato-coll {
	 display: block;
	 }custombric[custom-bric-name="SmallPotato-Collection"] .smallpotato-coll > [custom-bric-container] {
		display: block;
		overflow: visible;
		transition: none;
}
custombric[custom-bric-name="SmallPotato-Collection"] .smallpotato-coll > [custom-bric-container]:hover {
	 transform: none;
	 }custombric[custom-bric-name="SmallPotato-Collection"] .smallpotato-coll {
	 position: relative;
	 }custombric[custom-bric-name="SmallPotato-Collection"] .smallpotato-coll::before {
		content: "";
		position: absolute;
		top: 14px;
		bottom: 2px;
		left: 0;
		right: 0;
		border-left: 2px dashed #b9d0ff;
		border-right: 2px dashed #b9d0ff;
		pointer-events: none;
}
custombric[custom-bric-name="SmallPotato-Collection"] .smallpotato-coll > [custom-bric-container] {
	 margin: 0 12px;
	 }custombric[custom-bric-name="SmallPotato-Collection"] .smallpotato-coll-ph {
	 position: relative;
	 z-index: 1;
	 }custombric[custom-bric-name="SmallPotato-Collection"] [class*="sp-field-"] {
	 outline: 1px dashed rgba(47,109,246,0.6);
	 outline-offset: 2px;
	 }.smallpotato-coll + bric-php-snippet,bric-php-snippet:has(+ .smallpotato-coll),custombric[custom-bric-name="SmallPotato-Collection"] > bric-php-snippet {
		display: none !important;
}
/* SmallPotato CMS - Collection Field */.smallpotato-coll-field {
	 position: relative;
	 }.smallpotato-coll-field[style*="background-image"] {
	 background-size: cover;
	 background-position: center;
	 }custombric[custom-bric-name="SmallPotato-Collection-Field"] {
	 display: block;
	 margin: 20px 0;
	 }.smallpotato-coll-field-tag {
	 position: absolute;
	 top: -18px;
	 right: 4px;
	 z-index: 5;
	 padding: 0 7px;
	 border-radius: 999px;
	 background: rgba(47,109,246,1);
	 color: rgba(255,255,255,1);
	 font: 600 10px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	 pointer-events: none;
	 white-space: nowrap;
	 }/* SiteSeek 1.0.2 - Blocs Brics Design. No backslashes in this file: Blocs mangles CSS escapes on export. */.siteseek,.siteseek-modal,.siteseek-panel {
		--ss-panel: #ffffff;
		--ss-text: #212529;
		--ss-muted: #5c636a;
		--ss-border: rgba(0,0,0,0.14);
		--ss-hover: rgba(0,0,0,0.05);
		--ss-overlay: rgba(15,18,22,0.55);
		--ss-radius: 8px;
		--ss-width: 640px;
		--siteseek-accent: rgba(13,110,253,1);
		--siteseek-mark: rgba(255,214,10,0.5);
}
.siteseek-theme-dark {
		--ss-panel: #1f2328;
		--ss-text: #e6e8eb;
		--ss-muted: #a3aab2;
		--ss-border: rgba(255,255,255,0.16);
		--ss-hover: rgba(255,255,255,0.07);
		--ss-overlay: rgba(0,0,0,0.65);
}
@media (prefers-color-scheme: dark) {
		.siteseek-theme-auto {
			--ss-panel: #1f2328;
			--ss-text: #e6e8eb;
			--ss-muted: #a3aab2;
			--ss-border: rgba(255,255,255,0.16);
			--ss-hover: rgba(255,255,255,0.07);
			--ss-overlay: rgba(0,0,0,0.65);
	}
}.siteseek-theme-custom {
		--ss-panel: var(--siteseek-panel-custom, #ffffff);
		--ss-text: var(--siteseek-text-custom, #212529);
		--ss-muted: color-mix(in srgb, var(--siteseek-text-custom, #212529) 70%, transparent);
		--ss-border: color-mix(in srgb, var(--siteseek-text-custom, #212529) 18%, transparent);
		--ss-hover: color-mix(in srgb, var(--siteseek-text-custom, #212529) 7%, transparent);
}
.siteseek-radius-none {
	 --ss-radius: 0;
	 }.siteseek-radius-sm {
	 --ss-radius: 4px;
	 }.siteseek-radius-md {
	 --ss-radius: 8px;
	 }.siteseek-radius-lg {
	 --ss-radius: 16px;
	 }.siteseek-width-sm {
	 --ss-width: 480px;
	 }.siteseek-width-md {
	 --ss-width: 640px;
	 }.siteseek-width-lg {
	 --ss-width: 800px;
	 }/* Root and per-style visibility */.siteseek {
	 position: relative;
	 display: inline-block;
	 max-width: 100%;
	 vertical-align: middle;
	 }.siteseek-style-inline, .siteseek-style-page {
	 display: block;
	 }/* Blocs canvas only: the card (removed on export) spans the full width, whatever the style. */.siteseek:has(> .siteseek-placeholder),custombric[custom-bric-name="SiteSeek"] .siteseek {
	 display: block;
	 }.siteseek-style-modal .siteseek-field {
	 display: none;
	 }.siteseek-style-inline .siteseek-trigger, .siteseek-style-page .siteseek-trigger {
	 display: none;
	 }/* Canvas card (remove-on-export), SmallPotato style. */.siteseek-ph {
		display: flex;
		align-items: center;
		gap: 14px;
		margin-bottom: 8px;
		padding: 16px 18px;
		border: 1px solid #b9d0ff;
		border-radius: 12px;
		background: #eef4ff;
		color: #1b2c4b;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
		line-height: 1.35;
		text-align: left;
}
.siteseek-ph-icon {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		border-radius: 10px;
		background: #ffffff;
		border: 1px solid #d8e5ff;
		color: #2f6df6;
}
.siteseek-ph-icon svg {
	 width: 22px;
	 height: 22px;
	 display: block;
	 }.siteseek-ph-body {
	 flex: 1 1 auto;
	 min-width: 0;
	 }.siteseek-ph-eyebrow {
		display: block;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .14em;
		text-transform: uppercase;
		color: #2f6df6;
		margin-bottom: 2px;
}
.siteseek-ph-title {
		display: block;
		font-size: 15px;
		font-weight: 700;
		color: #16233d;
}
.siteseek-ph-meta {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 6px;
		margin-top: 7px;
		font-size: 11px;
		color: #5b6b8a;
}
.siteseek-ph-pill {
		display: inline-block;
		padding: 2px 9px;
		border: 1px solid #b9d0ff;
		border-radius: 999px;
		background: #ffffff;
		color: #2f6df6;
		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
		font-size: 11px;
		white-space: nowrap;
}
.siteseek-ph-pill.is-browser {
		border-color: #f0c36d;
		background: #fff6e0;
		color: #9a5b00;
}
.siteseek-ph-note {
	 font-size: 11px;
	 color: #6b7a99;
	 }/* Trigger */.siteseek-trigger {
		display: inline-flex;
	 align-items: center;
	 gap: 8px;
		padding: 6px 12px;
	 margin: 0;
		font: inherit;
	 line-height: 1.4;
	 color: #fff;
	 cursor: pointer;
		background: var(--siteseek-accent);
	 border: 1px solid transparent;
	 border-radius: var(--ss-radius);
}
.siteseek-trigger:hover {
	 filter: brightness(1.08);
	 }.siteseek-trigger:focus-visible {
	 outline: 3px solid var(--siteseek-accent);
	 outline-offset: 2px;
	 }.siteseek-icon {
	 flex: none;
	 display: block;
	 }.siteseek-trigger-icon .siteseek-trigger-label {
	 display: none;
	 }.siteseek-trigger-icon .siteseek-trigger {
	 padding: 8px;
	 }.siteseek-trigger-label .siteseek-icon {
	 display: none;
	 }.siteseek-hint {
		padding: 1px 6px;
	 font: inherit;
	 font-size: 0.75em;
	 color: inherit;
		background: rgba(255,255,255,0.22);
	 border-radius: 4px;
	 box-shadow: none;
}
.siteseek-no-hint .siteseek-hint {
	 display: none;
	 }/* Field */.siteseek-field {
	 position: relative;
	 width: 100%;
	 }.siteseek-input {
		display: block;
	 width: 100%;
	 box-sizing: border-box;
		padding: 10px 14px;
	 margin: 0;
		font: inherit;
	 font-size: 1rem;
	 line-height: 1.4;
		color: var(--ss-text);
	 background: var(--ss-panel);
		border: 1px solid var(--ss-border);
	 border-radius: var(--ss-radius);
		-webkit-appearance: none;
	 appearance: none;
}
.siteseek-input::placeholder {
	 color: var(--ss-muted);
	 opacity: 1;
	 }.siteseek-input:focus {
	 outline: none;
	 border-color: var(--siteseek-accent);
	 box-shadow: 0 0 0 3px color-mix(in srgb, var(--siteseek-accent) 30%, transparent);
	 }/* Inline dropdown panel */.siteseek-panel {
		position: fixed;
	 left: 0;
	 top: 0;
	 z-index: 99999;
		min-width: 280px;
	 max-height: min(70vh, 520px);
	 overflow-y: auto;
		color: var(--ss-text);
	 background: var(--ss-panel);
		border: 1px solid var(--ss-border);
	 border-radius: var(--ss-radius);
		box-shadow: 0 12px 32px rgba(0,0,0,0.18);
		text-align: left;
}
.siteseek-panel[hidden] {
	 display: none;
	 }/* Modal (moved to body at runtime) */.siteseek-modal {
		position: fixed;
	 inset: 0;
	 z-index: 100000;
		display: flex;
	 align-items: flex-start;
	 justify-content: center;
		padding: 10vh 16px 16px;
	 box-sizing: border-box;
		background: var(--ss-overlay);
		text-align: left;
}
.siteseek-modal[hidden] {
	 display: none;
	 }.siteseek-dialog {
		display: flex;
	 flex-direction: column;
		width: 100%;
	 max-width: var(--ss-width);
	 max-height: 80vh;
		color: var(--ss-text);
	 background: var(--ss-panel);
		border-radius: var(--ss-radius);
	 box-shadow: 0 24px 64px rgba(0,0,0,0.35);
		overflow: hidden;
}
.siteseek-dialog .siteseek-field {
	 display: block;
	 padding: 12px;
	 border-bottom: 1px solid var(--ss-border);
	 }.siteseek-dialog .siteseek-body {
	 overflow-y: auto;
	 }.siteseek-close {
		position: absolute;
	 width: 1px;
	 height: 1px;
	 overflow: hidden;
	 clip: rect(0 0 0 0);
	 white-space: nowrap;
}
.siteseek-close:focus {
	 position: static;
	 width: auto;
	 height: auto;
	 clip: auto;
	 margin: 0 12px 12px;
	 }html.siteseek-locked {
	 overflow: hidden;
	 }/* Results */.siteseek-results {
	 list-style: none;
	 margin: 0;
	 padding: 6px;
	 }.siteseek-result {
	 margin: 0;
	 padding: 0;
	 border-radius: calc(var(--ss-radius) - 2px);
	 }.siteseek-result a {
		display: block;
	 padding: 10px 12px;
	 color: inherit;
	 text-decoration: none;
		border-radius: inherit;
}
.siteseek-result a:hover, .siteseek-result[aria-selected="true"] a {
	 background: var(--ss-hover);
	 }.siteseek-result[aria-selected="true"] a {
	 box-shadow: inset 3px 0 0 var(--siteseek-accent);
	 }.siteseek-result a:focus-visible {
	 outline: 2px solid var(--siteseek-accent);
	 outline-offset: -2px;
	 }.siteseek-result-title {
	 display: block;
	 font-weight: 600;
	 color: var(--ss-text);
	 }.siteseek-result-url {
	 display: block;
	 font-size: 0.8em;
	 color: var(--ss-muted);
	 overflow-wrap: anywhere;
	 }.siteseek-result-snippet {
	 display: block;
	 margin-top: 4px;
	 font-size: 0.92em;
	 line-height: 1.5;
	 color: var(--ss-text);
	 }.siteseek mark, .siteseek-modal mark, .siteseek-panel mark {
	 padding: 0 1px;
	 color: inherit;
	 background: var(--siteseek-mark);
	 border-radius: 2px;
	 }/* Jump to match: the matched words on the page a visitor arrives at, flashed and then faded. */mark.siteseek-flash {
	 padding: 0 1px;
	 color: inherit;
	 background-color: var(--siteseek-mark, rgba(255,214,10,0.5));
	 box-shadow: 0 0 0 3px var(--siteseek-mark, rgba(255,214,10,0.5));
	 border-radius: 2px;
	 }/* Subtle: the Highlight Colour at about 40 percent, no ring. Off: an invisible marker used only to scroll. */mark.siteseek-flash.siteseek-flash-subtle {
	 background-color: color-mix(in srgb, var(--siteseek-mark, rgba(255,214,10,0.5)) 40%, transparent);
	 box-shadow: none;
	 }mark.siteseek-flash.siteseek-flash-off {
	 padding: 0;
	 background-color: transparent;
	 box-shadow: none;
	 }mark.siteseek-flash.siteseek-flash-out {
	 background-color: transparent;
	 box-shadow: 0 0 0 3px transparent;
	 }@media (prefers-reduced-motion: no-preference) {
		mark.siteseek-flash {
	 transition: background-color 1s ease, box-shadow 1s ease;
	 }	mark.siteseek-flash.siteseek-flash-subtle {
	 transition: background-color 1.5s ease;
	 }}.siteseek-status {
	 margin: 0;
	 padding: 14px 16px;
	 color: var(--ss-muted);
	 }.siteseek-see-all {
		display: block;
	 padding: 12px 16px;
	 font-weight: 600;
	 text-decoration: none;
		color: var(--siteseek-accent);
	 border-top: 1px solid var(--ss-border);
}
.siteseek-see-all:focus-visible {
	 outline: 2px solid var(--siteseek-accent);
	 outline-offset: -2px;
	 }/* Results page */.siteseek-style-page .siteseek-body {
	 margin-top: 16px;
	 color: var(--ss-text);
	 }.siteseek-style-page .siteseek-results {
	 padding: 0;
	 }.siteseek-style-page .siteseek-result a {
	 padding: 14px 4px;
	 border-bottom: 1px solid var(--ss-border);
	 border-radius: 0;
	 }.siteseek-count {
	 margin: 0 0 4px;
	 color: var(--ss-muted);
	 }.siteseek-pager {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 6px;
	 margin-top: 16px;
	 }.siteseek-pager button {
		min-width: 40px;
	 padding: 6px 10px;
	 font: inherit;
	 cursor: pointer;
		color: var(--ss-text);
	 background: transparent;
		border: 1px solid var(--ss-border);
	 border-radius: var(--ss-radius);
}
.siteseek-pager button[aria-current="page"] {
	 color: #fff;
	 background: var(--siteseek-accent);
	 border-color: var(--siteseek-accent);
	 }.siteseek-pager button:focus-visible {
	 outline: 2px solid var(--siteseek-accent);
	 outline-offset: 2px;
	 }.siteseek-sr {
	 position: absolute;
	 width: 1px;
	 height: 1px;
	 padding: 0;
	 margin: -1px;
	 overflow: hidden;
	 clip: rect(0 0 0 0);
	 white-space: nowrap;
	 border: 0;
	 }@media (prefers-reduced-motion: no-preference) {
		.siteseek-modal:not([hidden]) .siteseek-dialog {
	 animation: siteseek-in 0.16s ease-out;
	 }}@keyframes siteseek-in {
	 from {
	 opacity: 0;
	 transform: translateY(-8px);
	 } to {
	 opacity: 1;
	 transform: none;
	 } }/* ============================================================   QuickHover - Hover Interactions Made Simple   Version 1.0.1 - 27 October 2026    Blocs Brics Design - https://blocs-brics.store   ============================================================ *//* ── WRAPPER ─────────────────────────────────────────────── */.qh-wrapper {
	  display: block;
	  position: relative;
	  width: 100%;
}
/* ── CANVAS PLACEHOLDER (Blocs only, SmallPotato house style) ── */.qh-ph {
	  display: flex;
	  align-items: center;
	  gap: 10px;
	  margin: 0;
	  padding: 2px;
	  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	  line-height: 1.35;
}
.qh-ph-rule {
	  flex: 1 1 auto;
	  min-width: 24px;
	  border-top: 2px dashed #b9d0ff;
}
.qh-ph-tag {
	  flex: 0 1 auto;
	  display: inline-flex;
	  flex-wrap: wrap;
	  align-items: center;
	  gap: 6px;
	  padding: 3px 4px 3px 11px;
	  border: 1px solid #b9d0ff;
	  border-radius: 999px;
	  background: #eef4ff;
	  color: #2f6df6;
	  font-size: 11px;
	  font-weight: 700;
	  letter-spacing: .1em;
	  text-transform: uppercase;
}
.qh-ph-tag svg {
	  width: 13px;
	  height: 13px;
	  display: block;
}
.qh-ph-info {
	  display: inline-block;
	  padding: 1px 8px;
	  border: 1px solid #b9d0ff;
	  border-radius: 999px;
	  background: #ffffff;
	  color: #2f6df6;
	  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	  font-weight: 400;
	  letter-spacing: 0;
	  text-transform: none;
}
.qh-ph-effect {
	  font-family: inherit;
}
.qh-ph-mode {
	  display: inline-block;
	  padding: 1px 8px;
	  border-radius: 999px;
	  background: #2f6df6;
	  color: #ffffff;
	  font-weight: 600;
	  letter-spacing: .04em;
	  text-transform: none;
}
.qh-ph-flag {
	  display: inline-block;
	  padding: 1px 8px;
	  border: 1px dashed #b9d0ff;
	  border-radius: 999px;
	  color: #2f6df6;
	  font-weight: 600;
	  letter-spacing: .04em;
	  text-transform: none;
}
.qh-ph-flag.qh-ph-flag-caveat {
	  border-color: #f2c46d;
	  background: #fff8e8;
	  color: #a26300;
}

/* = Additional CSS
-------------------------------------------------------------- */

.pagination {
	--bs-pagination-disabled-bg:unset;
}
.dropdown-menu {
	--bs-dropdown-bg:#1D1D1B;
	--bs-dropdown-link-hover-bg:#00D6B3;
}
@media (min-width: 1px) {
	.navbar-expand-md .navbar-collapse {
	display:flex!important;
	flex-basis:unset;
}
}
@media (max-width: 576px) {
	.nav-menu-styling {
	font-size:1rem;
}
}.underline {
	  display:inline;
	  position:relative;
	  padding-left:0px !important;
	  padding-right:0px !important;
	      overflow:hidden;
}
.menu-ul::after {
	opacity:0;
	transition:opacity 300ms, transform 300ms;
}
.menu-ul:hover::after, .menu-ul:focus::after {
	opacity:1;
	transform:translate3d(0, 0.2em, 0);
}
.underline:after {
	  content:"";
	  position:absolute;
	  z-index:1;
	  right:0;
	  width:0;
	  bottom:-1px;
	  background:#FEED04;
	  height:2px;
	  transition-property:width;
	  transition-duration:0.4s;
	  transition-timing-function:ease-out;
}
.underline:hover:after, .underline:focus:after, .underline:active:after {
	  left:0;
	  right:auto;
	  width:100%;
}
.transition {
	  transition:all 1s ease!important;
}
.link-underline {
	  background-image:linear-gradient(transparent 65%, #00D6B3 0%);
	  background-repeat:no-repeat;
	  background-size:100% 250%;
	  background-position:0% 48%;
	  transition:background-position 0.5s ease 0s;
}
.link-underline:hover {
	  background-position:0% 100%;
}
.transition {
	 transition:all 0.7s ease;
}
.transition:hover {
	transition:all 0.7s ease;
}
.form-floating textarea {
	   height:200px!important;
}
.bg-img-bloc {
	height:850px !important;
}





/* = Toggle Visibility
-------------------------------------------------------------- */

.toggled-item{transition: height 350ms ease-in-out, padding 350ms ease-in-out, opacity 350ms ease-in-out;overflow: hidden;}
.toggled-item-hidden{padding-top:0!important;padding-bottom:0!important;border-top:0!important;border-bottom:0!important;outline:0!important;opacity: 0;}
.object-hidden{display:none;}


/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
    .link-with-icon.text-sm-start,.link-with-icon.text-sm-left{justify-content: flex-start;}
    .link-with-icon.text-sm-center{justify-content: center;}
    .link-with-icon.text-sm-end,.link-with-icon.text-sm-right{justify-content: flex-end;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
    .link-with-icon.text-md-start,.link-with-icon.text-md-left{justify-content: flex-start;}
    .link-with-icon.text-md-center{justify-content: center;}
    .link-with-icon.text-md-end,.link-with-icon.text-md-right{justify-content: flex-end;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
    .link-with-icon.text-lg-start,.link-with-icon.text-lg-left{justify-content: flex-start;}
    .link-with-icon.text-lg-center{justify-content: center;}
    .link-with-icon.text-lg-end,.link-with-icon.text-lg-right{justify-content: flex-end;}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}


@media (max-width: 991px){
	.counter-flex-main{
		flex-direction:column;
	}
	.counter-flex-sub{
		width:80%;
		margin-bottom:30px;
		margin-left:auto;
		margin-right:auto;
	}
	.h3-black{
		font-size:1.4rem;
		text-align:left;
	}
	.h3-black:hover{
		font-size:1.4rem;
		font-family:"MyriadPro-Regular";
	}
	.transition{
	}
	.transition:hover{
	}
	.logo-fish-2{
		width:200px;
		top:-50px;
		left:10px;
	}
	.logo-fish-1{
		width:200px;
		right:30px;
		top:175px;
	}
	.counter-lv1{
		flex-direction:column;
	}
	.background-img-home{
		height:400px;
		width:auto;
	}
	.header-align{
		margin-top:-40px;
	}
	.h1-txt{
		font-size:3.5rem;
		text-align:center;
	}
	.footer-banner{
		height:80px;
	}
	.h4-dark{
		font-size:1.5rem;
	}
	.social-distance{
		padding-left:30px;
	}
	.oc-body-menu-heading{
		font-size:1.4rem;
	}
	.arrow{
		margin-left:10px;
	}
	.oc-link-item{
		font-size:1rem;
	}
	.oc-body-item{
		width:auto;
	}
	.oc-img-heading{
		width:100%;
		align-items:flex-start;
	}
	.oc-header-img{
		width:50px;
	}
	.oc-header-heading{
		font-size:1.7rem;
		text-align:left;
	}
	.menu-1{
		height:36vh!important;
	}
	.oc-body-menu{
		margin-bottom:25px;
	}
	.divider-style{
		width:100%;
	}
	.by-numbers-height{
		text-align:center;
		padding-bottom:45px;
	}
	.h3-txt-light{
		font-size:2.5rem;
	}
	.arrow-blue{
		margin-left:10px;
	}
	.faq-title{
		font-size:1.6rem;
	}
	.faq-content{
		font-size:1.2rem;
	}
	.h2-txt-light{
		text-align:center;
	}
	.form-button{
		width:40%;
	}
	.sustainability-icon{
		width:150px;
	}
	.sustainable-quote{
		text-align:center;
		font-size:1.3rem;
	}
	.sustainable-xs-container{
		display:flex;
		width:50%;
		justify-content:flex-start;
		align-items:flex-start;
		flex-direction:row;
	}
	.sustainable-sub-container{
		width:50%;
	}
	.food-menu-tab-item{
		width:200px;
	}
	.food-menu-tab{
		flex-direction:column;
		align-items:center;
	}
	.food-sub-tab{
		padding-top:20px;
	}
	.menu-section-heading{
		font-size:2.2rem;
		text-align:left;
		width:auto;
	}
	.menu-item{
		font-size:1.2rem;
		margin-bottom:0!important;
	}
	.food-item{
		align-items:flex-start;
		justify-content:space-between;
	}
	.menu-price{
		margin-bottom:0;
		width:25%;
		text-align:right;
		font-size:1.5rem;
	}
	.menu-desc{
	}
	.menu-scroll-up-left{
		bottom:0px;
	}
	.h3-style{
		width:64.94%;
	}
	.menu-section-heading-right{
		font-size:2.2rem;
		color:var(--swatch-var-881);
		margin-left:5%;
		margin-right:5%;
	}
	.location-card-container{
		flex-direction:column;
		justify-content:center;
	}
	.location-card-sub-container{
		margin-bottom:40px;
		margin-top:40px;
	}
	.background-img-international{
		height:400px;
		width:auto;
	}
	.background-img{
		height:400px;
		width:auto;
	}
	.background-img-mauritius{
		height:400px;
		width:auto;
	}
	.background-img-faq{
		height:400px;
		width:auto;
	}
	.background-img-franchisee{
		height:400px;
		width:auto;
	}
	.background-img-sustainability{
		height:400px;
		width:auto;
	}
	.background-img-story{
		height:400px;
		width:auto;
	}
	.background-img-take-me-home{
		height:400px;
		width:auto;
	}
	.background-img-drinks{
		height:400px;
		width:auto;
	}
	.background-img-food{
		height:400px;
		width:auto;
	}
	.background-img-legal{
		height:400px;
		width:auto;
	}
	.background-img-contact{
		height:400px;
		width:auto;
	}
	.background-img-application{
		height:400px;
		width:auto;
	}
	.background-img-order{
		height:400px;
		width:auto;
	}
	.legal-fish-black{
		top:75px;
	}
	.menu-scroll-up{
		bottom:0;
	}
	.button-spacing{
		margin-left:0;
	}
	.contact-button-2{
		border-style:solid;
		border-radius:5 5 5 5;
		border-width:1 1 1 1;
	}
	.contact-button-2:hover{
		border-style:solid;
		border-color:var(--swatch-var-881);
		border-radius:5 5 5 5;
		border-width:1 1 1 1;
	}
	.hero-bloc{
	}
	.background-img-thank-you{
		height:400px;
		width:auto;
	}
	.background-img-404{
		height:400px;
		width:auto;
	}
	.h2-txt-light-link{
		text-align:center;
	}
	.footer-icon{
		font-size:1.5rem;
	}
	.h4-dark:hover{
	}
	.modal-flex{
		flex-direction:column;
	}
	.modal-left{
		padding-left:auto;
		margin-right:auto;
		width:70%;
		margin-left:auto;
	}
	.modal-right{
		width:100%;
	}
	.h2-yellow{
		font-size:2rem;
		text-align:center;
	}
	.h3-yellow{
		font-size:1.4rem;
	}
	.modal-close-container{
		top:-350px;
		right:-10px;
	}
	.oc-heading-flex{
		width:100%;
		text-align:left;
		justify-items:start;
		align-items:flex-start;
	}
	.oc-flex-header{
		margin-right:1%;
	}
	.navbar-align{
		margin-top:10px;
		margin-bottom:10px;
	}
	.legal-fish{
		top:-3px;
	}
	
}

@media (max-width: 767px){
	.stretched-link{
	}
	.h3-black{
		font-size:1.2rem;
	}
	.h3-black:hover{
		font-size:1.2rem;
	}
	.bloc-padding-bottom{
		padding-bottom:0px;
		margin-bottom:30px;
	}
	.p-black{
	}
	.transition{
	}
	.transition:hover{
		text-transform:none;
	}
	.logo-fish-2{
		left:25px;
		width:175px;
	}
	.h1-txt{
		font-size:3rem;
	}
	.h2-txt-light{
		font-size:1.5rem;
	}
	.hero-bloc{
	}
	.logo-fish-1{
		width:175px;
		top:150px;
		right:20px;
	}
	.counter-flex-sub{
		margin-bottom:30px;
		width:90%;
	}
	.header-align{
		margin-top:-50px;
	}
	.background-img-home{
		width:auto;
		height:300px;
	}
	.footer-banner{
		height:60px;
		padding-left:25px;
	}
	.social-distance{
		padding-left:20px;
	}
	.h4-dark{
		font-size:1.3rem;
		height:20px;
	}
	.social-footer{
	}
	.offcanvas{
	}
	.bi-facebook{
	}
	.navbar-toggler{
		display:none!important;
	}
	.navbar-nav{
		display:flex;
		flex-direction:row;
		align-items:center;
	}
	.menu-1{
		height:100vh;
	}
	.oc-body-menu-heading{
		text-align:left;
		font-size:1.3rem;
	}
	.divider-style{
		width:100%;
	}
	.divider-style:hover{
		width:50%;
	}
	.h3-txt-light{
		font-size:2rem;
		text-align:left;
	}
	.list-item{
		font-size:1.1rem;
	}
	.list-item-align{
		margin-bottom:5px;
	}
	.column-align{
		flex-direction:column;
	}
	.column-width-50{
		width:100%;
		margin-bottom:50px;
	}
	.faq-title{
		font-size:1.3rem;
	}
	.faq-header-align{
		text-align:left;
	}
	.faq-content{
		text-align:left;
	}
	.faq-body{
		padding-left:30px;
	}
	.sustainable-quote{
		font-size:1.2rem;
	}
	.sustainable-xs-container{
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		width:100%;
		align-items:flex-start;
	}
	.sustainable-container{
		flex-direction:column;
	}
	.sustainable-sub-container{
		width:50%;
	}
	.food-menu-tab-item{
		width:190px;
		font-size:1.1rem;
		margin-left:5px;
		margin-right:5;
	}
	.food-menu-tab-item:hover{
		text-transform:uppercase;
	}
	.menu-section-heading{
		font-size:2rem;
	}
	.menu-price{
		font-size:1.3rem;
		width:40%;
	}
	.menu-item{
		text-align:left;
	}
	.menu-desc{
		text-align:left;
	}
	.menu-row-left{
		flex-direction:column-reverse;
		justify-content:flex-end;
	}
	.menu-item-align{
		width:100%;
	}
	.menu-img{
		display:flex;
	}
	.align-left{
		width:100%;
	}
	.item-styling{
		width:100%;
		margin-left:0%;
	}
	.food-item{
		justify-content:space-between;
	}
	.menu-row-right{
		flex-direction:column;
		justify-content:flex-start;
	}
	.menu-section-right{
		padding-left:20%;
	}
	.menu-scroll-up{
		bottom:0;
	}
	.menu-scroll-up-left{
		bottom:-25px;
	}
	.menu-section-heading-right{
		margin-right:5%;
		margin-left:5%;
	}
	.counter-footer{
		font-size:1.8rem;
	}
	.store-button:hover{
		font-size:1.2rem;
		text-transform:uppercase;
	}
	.store-card-p{
		font-size:1.2rem;
	}
	.p-yellow{
		font-size:1.2rem;
		text-align:left;
	}
	.background-img-international{
		width:auto;
		height:300px;
	}
	.background-img{
		width:auto;
		height:300px;
	}
	.background-img-mauritius{
		width:auto;
		height:300px;
	}
	.background-img-faq{
		width:auto;
		height:300px;
	}
	.background-img-franchisee{
		width:auto;
		height:300px;
	}
	.background-img-sustainability{
		width:auto;
		height:300px;
	}
	.background-img-story{
		width:auto;
		height:300px;
	}
	.background-img-take-me-home{
		width:auto;
		height:300px;
	}
	.background-img-drinks{
		width:auto;
		height:300px;
	}
	.background-img-food{
		width:auto;
		height:300px;
	}
	.background-img-legal{
		width:auto;
		height:300px;
	}
	.background-img-contact{
		width:auto;
		height:300px;
	}
	.background-img-application{
		width:auto;
		height:300px;
	}
	.background-img-order{
		width:auto;
		height:300px;
	}
	.legal-fish-black{
		top:65px;
		height:70px;
	}
	.p-yellow-small{
		font-size:.7rem;
	}
	.background-img-thank-you{
		width:auto;
		height:300px;
	}
	.background-img-404{
		width:auto;
		height:300px;
	}
	.redirect-layout{
		flex-direction:column;
		align-items:center;
	}
	.contact-button-2:hover{
		text-transform:uppercase;
	}
	.h2-txt-light-link{
		font-size:1.5rem;
	}
	.footer-icon{
		font-size:1.3rem;
	}
	.h4-dark:hover{
	}
	.h2-yellow{
		font-size:2rem;
	}
	.h3-yellow{
		font-size:1.2rem;
	}
	.modal-left{
		width:60%;
	}
	.modal-close-container{
		top:-300px;
	}
	.new-item-alert{
		width:100%;
		margin-left:0%;
	}
	
}

@media (max-width: 575px){
	.stretched-link{
	}
	.fa-solid{
	}
	.scroll-arrow-align{
		margin-top:-300px;
	}
	.counter-flex-sub{
		flex-direction:column;
		align-items:center;
		width:90%;
	}
	.counter-card-style{
		width:100%;
		margin-bottom:30px;
	}
	.h3-black{
		font-size:1.1rem;
	}
	.h3-black:hover{
		text-align:center;
		font-size:1.1rem;
	}
	.p-black{
		font-size:1rem;
	}
	.underline:hover{
	}
	.underline:active{
	}
	.transition{
		align-items:center;
	}
	.transition:hover{
		text-transform:none;
	}
	.background-img-home{
		width:auto;
		height:300px;
	}
	.menu-icon-stroke{
		stroke:var(--swatch-var-881);
		fill:var(--swatch-var-881);
	}
	.counter-flex-main{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.counter-lv2{
		flex-direction:column;
	}
	.logo-fish-2{
		width:125px;
		top:-35px;
		left:10px;
	}
	.logo-fish-1{
		width:125px;
		top:150px;
		right:20px;
	}
	.h1-txt{
		font-size:2rem;
	}
	.legal-fish{
		height:40px;
		top:-1px;
	}
	.legal-fish-black{
		height:40px;
		bottom:0px;
		top:85px;
	}
	.h4-dark{
		font-size:1.1rem;
	}
	.social-distance{
		padding-left:10px;
	}
	.h5-style{
		font-family:"MyriadPro-Regular";
		font-size:1;
	}
	.legal{
		justify-content:space-between;
		flex-direction:column;
	}
	.legal-img{
		margin-top:20px;
	}
	.span-style{
		margin-top:20px!important;
	}
	.navbar-toggler{
		display:none!important;
	}
	.header-align{
		margin-top:-50px;
	}
	.nav-menu-styling{
		font-size:1;
	}
	.card-body-style{
	}
	.oc-body-menu{
		margin-bottom:20px;
		width:100%;
	}
	.divider-style{
		width:100%;
	}
	.oc-img-heading{
		flex-direction:column;
		width:100%;
		align-items:flex-start;
	}
	.oc-header-heading{
		text-align:left;
		font-size:1.5rem;
	}
	.oc-header-sub-heading{
		text-align:left;
		font-size:.9rem;
	}
	.oc-heading-flex{
		margin-left:0%;
		margin-top:20px;
	}
	.offcanvas{
	}
	.oc-link-item:hover{
		font-family:"MyriadPro-Regular";
		font-size:1;
		color:var(--swatch-var-881);
		text-transform:uppercase;
	}
	.menu-ul{
	}
	.arrow:hover{
		width:30px;
	}
	.oc-body-item{
	}
	.oc-link-item{
	}
	.oc-flex-header{
		align-items:flex-start;
	}
	.h2-txt-light{
		text-align:center;
	}
	.p-yellow{
		text-align:left;
		font-size:1.1rem;
	}
	.h3-txt-light{
		text-align:left;
		font-size:1.8rem;
	}
	.list-item-align{
		margin-bottom:5px;
	}
	.column-width-50{
		width:100%;
	}
	.arrow-blue:hover{
		width:30px;
	}
	.faq-title{
		font-size:1rem;
	}
	.faq-header-align{
		flex-direction:row;
		text-align:left;
	}
	.arrow-blue{
		margin-left:0px;
	}
	.faq-body{
		padding-left:0px;
	}
	.faq-content{
		font-size:1rem;
		text-align:left;
	}
	.p-align{
		text-align:left;
	}
	.form-button{
		width:100%;
	}
	.faq-btn-align{
		flex-direction:column;
	}
	.faq-btn-style{
		width:100%;
		margin-left:0;
		margin-top:20px;
	}
	.sustainable-xs-container{
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		align-items:flex-start;
	}
	.sustainable-container{
		flex-direction:column;
	}
	.sustainable-sub-container{
		width:50%;
		padding:10px 10px 10px 10px;
	}
	.food-menu-tab-container{
		flex-direction:column;
		align-items:center;
		margin-bottom:20px;
	}
	.food-sub-tab{
		flex-direction:column;
		padding-top:0;
	}
	.food-menu-tab-item{
		font-size:1rem;
	}
	.food-menu-tab-item:hover{
		font-size:1rem;
		text-transform:uppercase;
	}
	.menu-price{
		width:25%;
	}
	.menu-section-heading-right{
		width:auto;
		font-size:2rem;
		margin-left:5%;
	}
	.menu-section-right{
		padding-left:5%;
	}
	.menu-section-left{
		padding-right:-10%;
	}
	.menu-section-heading{
		color:var(--swatch-var-881);
	}
	.counter-footer{
		font-size:1.8rem;
		font-family:"MyriadPro-LightSemiExt";
	}
	.counter-style{
		font-size:3rem;
	}
	.store-button:hover{
		font-family:"MyriadPro-LightSemiExt";
		color:var(--swatch-var-881);
		text-transform:uppercase;
	}
	.p-yellow-regular{
		text-align:left;
	}
	.location-card-sub-container{
		flex-direction:column;
		margin-top:0;
		margin-bottom:0;
	}
	.location-card{
		width:100%;
		margin-left:0;
		margin-bottom:40px;
		margin-top:40px;
	}
	.store-card-p{
		font-size:1.3rem;
	}
	.dropdown-menu show{
		background-color:var(--swatch-var-6208);
	}
	.background-img-international{
		width:auto;
		height:300px;
	}
	.background-img{
		width:auto;
		height:300px;
	}
	.background-img-mauritius{
		width:auto;
		height:300px;
	}
	.background-img-faq{
		width:auto;
		height:300px;
	}
	.background-img-franchisee{
		width:auto;
		height:300px;
	}
	.background-img-sustainability{
		width:auto;
		height:300px;
	}
	.background-img-story{
		width:auto;
		height:300px;
	}
	.background-img-take-me-home{
		width:auto;
		height:300px;
	}
	.background-img-drinks{
		width:auto;
		height:300px;
	}
	.background-img-food{
		width:auto;
		height:300px;
	}
	.background-img-legal{
		width:auto;
		height:300px;
	}
	.background-img-contact{
		width:auto;
		height:300px;
	}
	.background-img-application{
		width:auto;
		height:300px;
	}
	.background-img-order{
		width:auto;
		height:300px;
	}
	.menu-img{
		width:auto;
		overflow:visible;
	}
	.p-yellow-small{
		text-align:left;
		font-size:.7rem;
	}
	.item-styling{
		width:100%;
		margin-left:0;
	}
	.background-img-thank-you{
		width:auto;
		height:300px;
	}
	.background-img-404{
		width:auto;
		height:300px;
	}
	.contact-button-2:hover{
		text-transform:uppercase;
	}
	.h2-txt-light-link{
		text-align:center;
	}
	.form-flex{
		flex-direction:column;
	}
	.form-sub-flex{
		width:100%;
	}
	.footer-icon{
		font-size:1.1rem;
	}
	.h4-dark:hover{
	}
	.h2-yellow{
		font-size:1.6rem;
	}
	.h3-yellow{
		font-size:1.1rem;
	}
	.mod-button{
		width:100%;
	}
	.modal-close-container{
		top:-130px;
		right:0px;
	}
	.modal-close-icon{
		font-size:2rem;
	}
	.new-item-alert{
		width:100%;
		margin-left:0;
	}
	
}