.isl-notice{background:var(--isl-paper);padding-inline:12px}@media(min-width:1024px){.isl-notice{padding-inline:24px}}.isl-notice--hero{padding-top:12px}.isl-notice__head{display:flex;flex-direction:column;gap:16px;padding-top:28px}@media(min-width:768px){.isl-notice__head{margin-top:max(40px,calc(var(--isl-chrome-drop) - 12px - 28px))}}@media(min-width:1024px){.isl-notice__head{gap:26px}}.isl-notice__title{margin:0;font-family:var(--isl-head);font-weight:400;text-transform:uppercase;color:#ffc011;font-size:clamp(2.25rem,7vw,4.5rem);line-height:1.1;-webkit-text-stroke:1px var(--isl-red-bright);paint-order:stroke fill;text-shadow:-1px -1px 0 var(--isl-red),1px -1px 0 var(--isl-red),-1px 1px 0 var(--isl-red),1px 1px 0 var(--isl-red),0 -1px 0 var(--isl-red),0 1px 0 var(--isl-red),-1px 0 0 var(--isl-red),1px 0 0 var(--isl-red),.25px .25px 0 var(--isl-red),.5px .5px 0 var(--isl-red),.75px .75px 0 var(--isl-red),1px 1px 0 var(--isl-red),1.25px 1.25px 0 var(--isl-red),1.5px 1.5px 0 var(--isl-red),1.75px 1.75px 0 var(--isl-red),2px 2px 0 var(--isl-red),2.25px 2.25px 0 var(--isl-red),2.5px 2.5px 0 var(--isl-red),2.75px 2.75px 0 var(--isl-red),3px 3px 0 var(--isl-red),3.25px 3.25px 0 var(--isl-red),3.5px 3.5px 0 var(--isl-red),3.75px 3.75px 0 var(--isl-red),4px 4px 0 var(--isl-red),4.25px 4.25px 0 var(--isl-red),4.5px 4.5px 0 var(--isl-red),4.75px 4.75px 0 var(--isl-red),5px 5px 0 var(--isl-red),5.25px 5.25px 0 var(--isl-red),5.5px 5.5px 0 var(--isl-red),5.75px 5.75px 0 var(--isl-red),6px 6px 0 var(--isl-red)}.isl-notice__sub{margin:0;max-width:1024px;font-family:var(--isl-body);font-size:16px;line-height:1.2;font-weight:700;letter-spacing:-.32px;color:var(--isl-ink)}.isl-notice__sub p{margin:0}.isl-notice-bar{margin-top:28px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--isl-ink);border-bottom:1px solid var(--isl-ink);padding-block:18px;font-family:var(--isl-body);font-weight:700;color:var(--isl-ink)}@media(min-width:640px){.isl-notice-bar{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}}@media(min-width:1024px){.isl-notice-bar{padding-block:21px}}.isl-notice-tabs{display:flex;min-width:0;align-items:center;justify-content:flex-start;gap:19px;overflow-x:auto;padding-inline:8px;font-size:16px;letter-spacing:-.32px;white-space:nowrap;text-transform:uppercase;scrollbar-width:none}.isl-notice-tabs::-webkit-scrollbar{display:none}@media(min-width:640px){.isl-notice-tabs{padding-inline:0}}.isl-notice-tabs__link{flex-shrink:0;color:var(--isl-ink);text-decoration:none;opacity:.5;transition:opacity .15s ease}.isl-notice-tabs__link:hover,.isl-notice-tabs__link[aria-current=page]{opacity:1}.isl-notice-actions{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:30px}@media(min-width:640px){.isl-notice-actions{justify-content:flex-end}}.isl-notice-search{display:flex;align-items:center;overflow:hidden;width:84px;font-size:16px;letter-spacing:-.32px;cursor:pointer;border-bottom:1px solid transparent;transition:width .3s ease,opacity .3s ease,border-color .3s ease}.isl-notice-search:not(.is-open):hover{opacity:.6}.isl-notice-search.is-open{width:170px;cursor:text;border-bottom-color:#0006}@media(min-width:640px){.isl-notice-search.is-open{width:230px}}.isl-notice-search svg{flex-shrink:0}.isl-notice-search__input{min-width:0;margin-left:0;width:0;flex:none;opacity:0;border:0;padding:0;background:transparent;font-family:var(--isl-body);font-size:16px;font-weight:700;letter-spacing:-.32px;color:var(--isl-ink);transition:margin .3s ease,opacity .3s ease}.isl-notice-search__input:focus{outline:none}.isl-notice-search__input::placeholder{color:#0006}.isl-notice-search.is-open .isl-notice-search__input{margin-left:6px;width:auto;flex:1 1 0%;opacity:1}.isl-notice-search__label{margin-left:6px;white-space:nowrap}.isl-notice-search.is-open .isl-notice-search__label{display:none}.isl-notice-search__close{display:none;margin-left:4px;flex-shrink:0;border:0;padding:0;background:none;color:var(--isl-ink);cursor:pointer;line-height:0;transition:opacity .15s ease}.isl-notice-search__close:hover{opacity:.6}.isl-notice-search.is-open .isl-notice-search__close{display:inline-flex}.isl-notice-filterbtn{display:flex;align-items:center;gap:6px;border:0;padding:0;background:none;font-family:var(--isl-body);font-size:16px;font-weight:700;letter-spacing:-.32px;color:var(--isl-ink);cursor:pointer;transition:opacity .15s ease}.isl-notice-filterbtn:hover{opacity:.6}.isl-notice-filterbtn__count{display:flex;height:20px;min-width:20px;align-items:center;justify-content:center;border-radius:999px;background:var(--isl-ink);padding-inline:4px;font-size:11px;font-weight:900;color:var(--isl-paper)}.isl-notice-grid{margin-block:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:24px}@media(min-width:640px){.isl-notice-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:24px}}@media(min-width:768px){.isl-notice-grid{margin-block:32px}}@media(min-width:1024px){.isl-notice-grid{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:20px;row-gap:20px}}.isl-notice-grid__banner{position:relative;grid-column:span 2 / span 2;grid-row:span 2 / span 2;aspect-ratio:4 / 5;width:100%;overflow:hidden;background:#d8d8d8}@media(min-width:640px){.isl-notice-grid__banner{aspect-ratio:2 / 3}}.isl-notice-grid__banner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}.isl-notice-card{display:flex;flex-direction:column;gap:16px}.isl-notice-card__media{position:relative;aspect-ratio:230 / 288;width:100%;overflow:hidden;background:#d8d8d8}.isl-notice-card__media>a{display:block;width:100%;height:100%}.isl-notice-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.isl-notice-card:hover .isl-notice-card__media img{transform:scale(1.05)}.isl-notice-card__share{position:absolute;top:4px;right:4px;z-index:10;display:flex;gap:8px}@media(min-width:768px){.isl-notice-card__share{top:12px;right:12px}}.isl-notice-card__share-btn{display:inline-flex;border:0;background:var(--isl-paper);padding:4px;color:#000000b3;line-height:0;cursor:pointer;transition:opacity .2s ease,transform .2s ease,visibility .2s ease,color .2s ease}.isl-notice-card__share-btn:hover{color:var(--isl-ink)}@media(min-width:768px){.isl-notice-card__share-btn{padding:6px;visibility:hidden;opacity:0;transform:scale(.95)}.isl-notice-card:hover .isl-notice-card__share-btn,.isl-notice-card__share-btn:focus-visible{visibility:visible;opacity:1;transform:scale(1)}}.isl-notice-card__info{display:flex;flex-direction:column;align-items:center;gap:6px;padding-inline:6px;text-align:center;font-family:var(--isl-body);font-size:16px;line-height:1.2;font-weight:700;letter-spacing:-.32px;color:var(--isl-ink);text-decoration:none;-webkit-text-stroke:.3px var(--isl-ink)}.isl-notice-card__title{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.isl-notice-card__price{display:flex;align-items:center;justify-content:center;gap:8px}.isl-notice-card__compare{color:#0006;text-decoration:line-through}.isl-notice-empty{padding-block:128px;text-align:center}.isl-notice-empty__text{margin:0;font-family:var(--isl-body);font-size:16px;font-weight:700;letter-spacing:-.32px;text-transform:uppercase;color:var(--isl-ink)}.isl-notice-empty--filters{padding-block:160px}.isl-notice-empty--filters .isl-notice-empty__text{letter-spacing:.2em}.isl-notice-empty__clear{display:inline-block;margin-top:24px;font-family:var(--isl-body);font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:underline;color:var(--isl-ink);background:none;border:0;cursor:pointer;transition:opacity .15s ease}.isl-notice-empty__clear:hover{opacity:.6}.isl-notice-more{display:flex;justify-content:center;padding-top:40px;margin-bottom:20px}@media(min-width:768px){.isl-notice-more{margin-bottom:32px}}.isl-notice-more .isl-btn{width:160px}.isl-notice-more .isl-btn__face{justify-content:center}.isl-notice-more.is-loading{opacity:.6;pointer-events:none}.isl-notice-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:122;display:none}.isl-notice-drawer.is-open{display:block}.isl-notice-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;width:100%;height:100%;background:#0003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;cursor:default}.isl-notice-drawer__panel{position:absolute;top:0;right:0;display:flex;height:100%;width:100%;max-width:448px;flex-direction:column;background:var(--isl-paper);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translate(100%);transition:transform .35s cubic-bezier(.22,1,.36,1)}.isl-notice-drawer.is-visible .isl-notice-drawer__backdrop{opacity:1}.isl-notice-drawer.is-visible .isl-notice-drawer__panel{transform:translate(0)}.isl-notice-drawer__body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:32px;overflow-y:auto;overscroll-behavior:contain;padding:24px;font-family:var(--isl-body)}.isl-notice-drawer__head{display:flex;align-items:center;justify-content:space-between}.isl-notice-drawer__heading{margin:0;font-size:15px;font-weight:900;text-transform:uppercase;color:var(--isl-ink)}.isl-notice-drawer__close{border:0;padding:0;background:none;color:var(--isl-ink);line-height:0;cursor:pointer;transition:opacity .15s ease}.isl-notice-drawer__close:hover{opacity:.7}.isl-notice-drawer__group{display:flex;flex-direction:column;gap:16px;border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:24px}.isl-notice-drawer__label{margin:0;font-size:12px;font-weight:900;text-transform:uppercase;color:var(--isl-ink)}.isl-notice-drawer__select{width:100%;-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.2);border-radius:0;background:var(--isl-paper);padding:10px 36px 10px 12px;font-family:var(--isl-body);font-size:14px;font-weight:500;color:var(--isl-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.isl-notice-drawer__check{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--isl-ink);cursor:pointer}.isl-notice-drawer__check input{width:16px;height:16px;margin:0;accent-color:var(--isl-ink);cursor:pointer}.isl-notice-drawer__check.is-disabled{opacity:.4;cursor:not-allowed}.isl-notice-price{display:flex;align-items:center;gap:12px}.isl-notice-price__field{display:flex;flex:1 1 0%;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.2);padding:10px 12px}.isl-notice-price__symbol{flex-shrink:0;font-size:14px;color:#0000008c}.isl-notice-price__input{width:100%;min-width:0;border:0;padding:0;background:transparent;font-family:var(--isl-body);font-size:14px;font-weight:500;color:var(--isl-ink)}.isl-notice-price__input:focus{outline:none}.isl-notice-drawer__foot{border-top:1px solid rgba(0,0,0,.12);background:var(--isl-paper);padding:24px}.isl-notice-drawer__foot-row{display:flex;gap:16px;padding-top:8px}.isl-notice-drawer__clear,.isl-notice-drawer__apply{display:flex;height:44px;flex:1 1 0%;align-items:center;justify-content:center;gap:8px;border:2px solid var(--isl-ink);font-family:var(--isl-body);font-size:14px;font-weight:700;letter-spacing:.025em;text-transform:uppercase;text-decoration:none;color:var(--isl-ink);cursor:pointer}.isl-notice-drawer__clear{background:none;transition:background-color .15s ease}.isl-notice-drawer__clear:hover{background:#0000000d}.isl-notice-drawer__apply{background:#ffc011;box-shadow:2px 2px 0 0 var(--isl-ink);transition:background-color .15s ease,transform .15s ease}.isl-notice-drawer__apply:hover{background:#e6ac00}.isl-notice-drawer__apply:active{transform:translateY(2px)}.isl-notice-lock{overflow:hidden}.isl-notice-toast{position:fixed;bottom:24px;left:50%;z-index:130;transform:translate(-50%);background:var(--isl-ink);color:var(--isl-paper);font-family:var(--isl-body);font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:10px 18px;opacity:0;transition:opacity .25s ease;pointer-events:none}.isl-notice-toast.is-visible{opacity:1}.isl-notice a:focus-visible,.isl-notice button:focus-visible,.isl-notice-drawer a:focus-visible,.isl-notice-drawer button:focus-visible,.isl-notice-drawer input:focus-visible,.isl-notice-drawer select:focus-visible{outline:2px solid var(--isl-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.isl-notice-search,.isl-notice-search__input,.isl-notice-card__media img,.isl-notice-card__share-btn,.isl-notice-drawer__backdrop,.isl-notice-drawer__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/islands-notice.css.map */