1 files changed, 8 insertions, 6 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.css b/animism-align/frontend/app/views/viewer/player/components.media/media.css
index 72eec07..6f9e96a 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/media.css
+++ b/animism-align/frontend/app/views/viewer/player/components.media/media.css
@@ -51,6 +51,11 @@
 .viewer-fullscreen .carousel-component .nav-arrow {
   max-height: calc(100vh - 19rem);
 }
+.carousel-component .nav-arrow polygon {
+  fill: #fff;
+  stroke-width: 0.1px;
+  stroke: #444;
+}
 .carousel-component .nav-arrow.prev {
   left: 0;
 }
@@ -61,20 +66,17 @@
   background: transparent;
   outline: 0;
 }
+/*
 .carousel-component .nav-arrow:hover {
   backdrop-filter: contrast(344%) grayscale(100%);
   background: rgba(255,255,255,0.9)
 }
-/*.white .carousel-component .nav-arrow { background: rgba(255,255,255,0.0); }
-.white .carousel-component .nav-arrow:hover { background: rgba(255,255,255,0.0); }
-*/.black .carousel-component .nav-arrow { background: rgba(0,0,0,0.0); }
-.black .carousel-component .nav-arrow:hover { background: rgba(0,0,0,0.0); }
-.carousel-component .arrow {
+*/.carousel-component .arrow {
    width: 4rem;
 }
 .carousel-component .arrow-disabled {
   cursor: default;
-  opacity: 0.2;
+  opacity: 0.0;
 }
 .carousel-component .dots {
   position: absolute;